CSS preprocessors make developing clean and semantic stylesheets effortless. My talk takes someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example. I go through some of the benefits and cool tricks you can implement with this structure including breakpoint includes, variables, functions, nesting, and mixins. Finally I address perhaps the greatest hurdle to immediately implementing Sass in your WordPress theme — compiling. I take people through the common methods of doing this including Grunt, Compass, and WordPress plugins like WP-SCSS.

Presentation Slides »