Sass - Syntactically Awesome Stylesheets

sass-lang.com 04 Jul '12, 11am

Sass - Syntactically Awesome Stylesheets

Download Editor Support Development Give Sass a try online! Just type in some Sass code below, press Render , and see the beautiful CSS output. // Variable Definitions $page-width: 800px; $sidebar-width: 200px; $primary-color: #eeeeee; // Global Attributes body { font: { family: sans-serif; size: 30em; weight: bold; } } // Scoped Styles #contents { width: $page-width; #sidebar { float: right; width: $sidebar-width; } #main { width: $page-width - $sidebar-width; background: $primary-color; h2 { color: blue; } } } #footer { height: 200px; } SCSS Indented Syntax

Full article: http://sass-lang.com/try.html

Tweets

@nicholaswyoung » 29 Jul '12, 2am
@commadelimited There's no need for indention, unless you want it. In that case: .firstclass { &.secondclass {} } [link]
@yellowled » 13 Jul '12, 6pm
@ankegroener Spiel doch selbst damit rum: [link] ;-)
@mgobi_php » 04 Jul '12, 1pm
Give #Sass a try online! most advanced #CSS #framework [link] @smashingmag @html5 @CSS @real_CSS_Tricks @Yahoo @firefox @IE
@mgobi_php » 04 Jul '12, 12pm
RT @phpizer: Sass - Syntactically Awesome Stylesheets [link]
@phpizer » 04 Jul '12, 11am
Sass - Syntactically Awesome Stylesheets [link]
@pisceandev » 04 Jul '12, 3pm
RT @phpizer: Sass - Syntactically Awesome Stylesheets [link]

@missrachilli I like how you can change output ...

sass-lang.com 04 Jul '12, 11am

Whether an error in the Sass code should cause Sass to provide a detailed description within the generated CSS file. If se...

5 Curiously Strange and Weirdly Awesome Trees

environmentalgraffiti.com 04 Jul '12, 6am

5 Curiously Strange and Weirdly Awesome Trees 3 hours ago Nature Photo: Gerry and Bonni Trees, you might say, are only fas...