1.
Sass in 5
Mario Peshev
me.peshev.net
@no_fear_inc

2.
Sass für alles
● CSS3 meta lang written in Ruby, circa 2007
● Completely CSS3 compatible
● Data types and arithmetic
● Hampton Catlin, Nathan Weizenbaum, Chris
Eppstein
● SassScript – functions, console, extensions
● Sass and Scss

3.
Nested Syntax

4.
Variables

5.
Interactive Shell

6.
Inheritance (@extend)

7.
Reusability (@mixin)

8.
Params @ mixin

9.
Conditionals

10.
.scss N:1 .css

11.
Sass vs Scss
● Old Sass ­>
● Scss is the new one –
Sassy CSS (3.0+)

12.
Handy Functions
● rgb/rgba
● mix
● hsl/hsla
● lighten/darken
● saturate/desaturate
● opacify/transparentize

13.
Handy Functions 2
● quote/unquote
● percentage
● round/ceil/floor
● min/max
● length/nth
● join/append
● Custom functions written in Ruby

14.
Run the Sass

15.
Compile options
scss ­­watch style.scss:style.css
compass watch [path/to/project]
Options available for compiled code formatting
GUI friends:

16.
Thank you
Mario Peshev
me.peshev.net
@no_fear_inc