DRY out your theme code with SASS and Compass

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

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: http://bit.ly/13g9bP5

Speakers: 
amandaluker

Platinum Sponsors

Gold Sponsors