Preprocessing? WTF? ✤ CSS is a language with many flaws ✤ No variables ✤ No math ✤ No functions ✤ Limited scoping/inheritance ✤ Lots of repetition CSS IS AWESOME
Next contender: LESS “It’s like Sass, except compatible with CSS.” YAY! “But we’re going to make just enough changes so that it’s incompatible with Sass.” BOO! But people cared more about their own stylesheets than a preprocessing language that almost no one was using. So LESS started getting popular... Created in 2009, borrowed heavily from Sass
LESS vs SCSS ✤ They’re both: ✤ Superset of CSS ✤ Useful & High quality ✤ Well-supported ✤ Similar to each other ✤ Which you use is up to you So what do they freakin’ do, already?
Math A glaring omission in CSS $margin: 5px; $padding: 3px; $spacing: $margin + $padding; Anything that a real programming language can calculate, you can do.