Tweet
Tweet

Slide 1

Slide 1 text

SCSS vs LESS What's the dif?

Slide 2

Slide 2 text

Why CSS Sucks

Slide 3

Slide 3 text

Why CSS Sucks Repetitive code

Slide 4

Slide 4 text

Why CSS Sucks Long calls (no nesting)

Slide 5

Slide 5 text

Why CSS Sucks "Magic" Numbers

Slide 6

Slide 6 text

Necessary Boring Part

Slide 7

Slide 7 text

Syntactically Awesome Stylesheets Earlier versions inspired by HAML Version 3 SCSS (Sassy CSS) - CSS OK SASS/SCSS

Slide 8

Slide 8 text

Creator: Alexis Sellier (cloudhead) Can use in Belorussian LESS

Slide 9

Slide 9 text

Feature Nesting Operations, Flow control Selector Inheritance Compiles in the browser SCSS LESS Feature Comparison

Slide 10

Slide 10 text

Feature Variables Mixins String Interpolation JS Evaluation SCSS $ @mixin #{} none LESS @ . #{} `"hello".toUpperCase() + '!'` Syntax Differences

Slide 11

Slide 11 text

Dude, show me the code already

Slide 12

Slide 12 text

SCSS CSS

Slide 13

Slide 13 text

LESS CSS

Slide 14

Slide 14 text

CSS 742 SCSS 748 Character comparison LESS 704

Slide 15

Slide 15 text

So what should I use?

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

fewer characters (@mixin vs .) bootstrap compiles in js -SCSS needs compiler outside of Ruby Why?