Error message

User warning: The following module is missing from the file system: imagcache_actions. For information about how to fix this, see the documentation page. in _drupal_trigger_error_with_delayed_logging() (line 1143 of /www/advantagelabs/releases/drupal-7/advantagelabs-7.59-1/drupal/includes/

DRY out your theme code with SASS and Compass

Saturday, 10:30am - 11:30am
Design & Theming
Experience Level: 

For many years, front end developers have lamented the fact that we repeat ourselves constantly, writing lines and lines just to get at specific elements or address browser quirks with proprietary extensions. With the advent of CSS preprocessors like LESS and SASS (and additional CSS frameworks like Compass and Bourbon), we are writing much leaner, DRYer* code.

In this session, I'll talk about:

- Getting set up with SASS and Compass in Drupal
- SASS compiling options
- Nesting
- Variables
- Mixins
- Extends
- Spriting
- Possible pitfalls
- Other neat stuff, like grids, logic and integrating it with other tools

I will do a short demo to show what compiling looks like.

* Don't Repeat Yourself

Collaborative notes link:


Platinum Sponsors

Gold Sponsors