SCSS vs LESS

Comparing and contrasting two CSS alternatives

Transcript

1. SCSS vs LESS What's the dif?
2. Why CSS Sucks
3. Why CSS Sucks Repetitive code
4. Why CSS Sucks Long calls (no nesting)
5. Why CSS Sucks "Magic" Numbers
6. Necessary Boring Part
7. Syntactically Awesome Stylesheets Earlier versions inspired by HAML Version 3 SCSS (Sassy CSS) - CSS OK SASS/SCSS
8. Creator: Alexis Sellier (cloudhead) Can use in Belorussian LESS
9. Feature Nesting Operations, Flow control Selector Inheritance Compiles in the browser SCSS LESS Feature Comparison
10. Feature Variables Mixins String Interpolation JS Evaluation SCSS $ @mixin #{} none LESS @ . #{} `"hello".toUpperCase() + '!'` Syntax Differences
11. Dude, show me the code already
12. SCSS CSS
13. LESS CSS
14. CSS 742 SCSS 748 Character comparison LESS 704
15. So what should I use?
17. fewer characters (@mixin vs .) bootstrap compiles in js -SCSS needs compiler outside of Ruby Why?