Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Drupal 7: Theming with the SASS Framework
1. SASS
Time to bring some sassy to CSS.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
2. Who am I?
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
3. Eric Sembrat
Web Developer for
College of Sciences
Graduate Student at
Georgia State
University
Twitter - @esembrat
http://ericsembrat.com
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
12. Power of Mixins
Chunking CSS into its
own function.
Great when you need
to reuse a lot of CSS.
“Mixing into” your
stylesheet.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
13. But wait, there’s
more.
Mixins can have arguments.
And even preset default
values.
And can include other mixins.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
17. Partials (@import)
Separate your SASS into
partials (_filename.scss) to be
compiled into a .SCSS file.
Requires the host SASS file to
@import filename;
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
20. .SASS vs .SCSS
.SCSS should look familiar to
CSS users.
.SASS goes one step further
and works with white-
space/indention aware
syntax.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
21. .SASS vs .SCSS
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
SASS can also convert between
the two formats!
22. So, how exactly does
this help me?
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
23. Writing with
SASS can...
Bring order to chaos that is CSS.
Allow you to easily reuse CSS
chunks.
Easily apply style conventions.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
25. Sailing with
Compass
Extends SASS framework.
Makes cross-browser CSS3 a breeze.
Makes implementing sprites easier.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
26. Compass provides...
A series of mix-ins.
Lots of documentation
http://compass-style.org/
reference/compass/
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
27. SASS + Compass
=
CSS nirvana
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
28. Okay, so, show me
how it works.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat
40. Bring your theme into the 21st century
with sassy little icons!
Easily importable into your SASS
themes.
GT Drupal Users Group (GTDUG) - 2013 - Eric Sembrat