When it comes to CSS Preprocessors, there are 2 big ones: Sass and Less. In Matt’s presentation he covers Sass stating that the two really have about the same features and Sass just has a bigger following.
Slides will go here when Matt sends them!
Key Features of Sass
- Support for Variables
- Nested rules
- Interpolation (being able to use a variable in the name of CSS selectors)
- Conditional logic (if/else statements)
- Looping (for, each and while loops)
- Debugging support
Sass in WordPress
Automattic’s _s theme (pronounced “Underscores”) uses Sass by default. It is also a good reference of how to setup your Sass files for ease of use. Check out _s’s Sass folder here.
- Want to try out your own Sass code online? Check out http://sassmeister.com
- Matt showed some of his code and noted that he keeps a Sass file called shame.scss for all of his “hacks” he is not proud of…I like the idea