Your SlideShare is downloading. ×
0
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Sass in 5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Sass in 5

1,638

Published on

Sass lightning talk at OpenFest 2012

Sass lightning talk at OpenFest 2012

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,638
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Sass in 5Mario 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 optionsscss ­­watch style.scss:style.csscompass watch [path/to/project]Options available for compiled code formattingGUI friends:
  • 16. Thank youMario Peshev me.peshev.net@no_fear_inc

×