Sass 3.2 for even more syntactically awesome stylesheets

Even More Syntactically Awesome Stylesheets

Sass 3.2 for even more syntactically awesome stylesheets

August 21, 2012 Tagged: design sass Comments (View) Even More Syntactically Awesome Stylesheets Sass 3.2 has finally come out last week as a stable release, bringing in a slew of new features to help you write cleaner and more maintainable stylesheets. Here are some modern web development techniques that leverage these features. Content blocks Mixins can now accept blocks of content using the new @content syntax. This opens the doors to DRY up your media queries and browser hacks. What used to be: article { width: 70%; @media screen and (min-width: 54em) { width: 100%; } } aside { width: 30%; @media screen and (min-width: 54em) { display: none; } } …can now be written as: @mixin desktop { @media screen and (min-width: 54em) { @content; } } article { width: 70%; @include desktop { width: 100%; } } aside { width: 30%; @include desktop { display: none; } } The CSS output woul...

Full article: http://robots.thoughtbot.com/post/29895997507/even-more-s...

Tweets

@DamL » 10 Sep '12, 2pm
RT @thierrylemoulec: SASS 3.2 Even More Syntactically Awesome Stylesheets [link] via @kippt
@thierrylemoulec » 10 Sep '12, 2pm
SASS 3.2 Even More Syntactically Awesome Stylesheets [link] via @kippt
@newtriks » 06 Sep '12, 9pm
Even More Syntactically Awesome Stylesheets [link] #sass #css cc @pedrbrowne
@mah_lab » 05 Sep '12, 9am
block記法が使えるようになったのかな？ / “Even More Syntactically Awesome Stylesheets” [link]
@Horaotoko » 05 Sep '12, 9am
RT @machida: Sass 3.2の新機能 / “Even More Syntactically Awesome Stylesheets” [link]
@fixie » 04 Sep '12, 5pm
Even More Syntactically Awesome Stylesheets (via @joevandyk) [link]
@m3talsmith » 01 Sep '12, 4pm
This couldn't have come at a better time. Every current and future project is using @media these days [link]
@featureenvy » 24 Aug '12, 7pm
Sass 3.2 introduces content blocks, placeholder selectors and interpolation! [link]
@stevelorek » 24 Aug '12, 9am
Oh very nice, SASS 3.2 now accepts content blocks in mixins: [link]
@pablojimeno » 23 Aug '12, 6pm
RT @sonicbyte: Sass 3.2 "Even More Syntactically Awesome Stylesheets" [link]
@nabaroa » 23 Aug '12, 4pm
RT @FearMediocrity: SASS 3.2 is out, with even more awesomeness built in. - [link]
@FearMediocrity » 23 Aug '12, 4pm
SASS 3.2 is out, with even more awesomeness built in. - [link]
@czj » 23 Aug '12, 12pm
SASS 3.2 's content block is plain awesome. Even more concise CSS ! [link]
@LuizHDCosta » 23 Aug '12, 12pm
@fnando curti essa nova funcionalidade nos mixins do Sass 3.2, dá uma olhada: [link]
@iyanski » 22 Aug '12, 3pm
Sass 3.2 gets even sexier [link]
@jedisct1 » 22 Aug '12, 2pm
RT @pat_shaughnessy: Nice write up on Sass 3.2 by Reda Lemeden at @thoughtbot "Even More Syntactically Awesome Stylesheets" [link]
@pat_shaughnessy » 22 Aug '12, 1pm
Nice write up on Sass 3.2 by Reda Lemeden at @thoughtbot "Even More Syntactically Awesome Stylesheets" [link]
@adycoles » 22 Aug '12, 1pm
A review of the new SASS 3.2 features - [link] "Even More Syntactically Awesome Stylesheets" #SASS #CSS
@s_hulard » 22 Aug '12, 12pm
Even More Syntactically Awesome Stylesheets [link] Nice syntax improvement in #SASS !
@oogatta » 22 Aug '12, 9am
Sass 3.2 はつくづく良いなあ。 "Even More Syntactically Awesome Stylesheets" [link]
@bobmaerten » 22 Aug '12, 6am
RT @olivierlacan: Even More Syntactically Awesome Stylesheets [link]
@danielvlopes » 22 Aug '12, 4am
Blocks with mixins looks like a very good idea for media queries [link]
@caiobianchi1 » 22 Aug '12, 3am
The low-down on the new Sass 3.2 features - [link]
@patrickfulton » 22 Aug '12, 2am
Placeholder selectors!! - Even More Syntactically Awesome Stylesheets: [link] via @TheSassWay & @kaishin
@TheSassWay » 22 Aug '12, 2am
Even More Syntactically Awesome Stylesheets: [link] via @kaishin
@DimKiriyenko » 22 Aug '12, 2am
RT @planetonrails: Even More Syntactically Awesome Stylesheets [link]
@davidbarral » 21 Aug '12, 8pm
RT @asischao: Content blocks FTW! Even More Syntactically Awesome Stylesheets [link] via @zite
@asischao » 21 Aug '12, 7pm
Content blocks FTW! Even More Syntactically Awesome Stylesheets [link] via @zite
@ischroedi » 21 Aug '12, 4pm
thoughtbot news: Even More Syntactically Awesome Stylesheets: Sass 3.2 has finally come out... [link] [link]
@briancantrell » 21 Aug '12, 3pm
CSS is getting insane, but new content blocks in Sass 3.2 make it _so_ much better. [link]
@vortizhe » 21 Aug '12, 2pm
Ya está aqui Sass 3.2 y trae novedades interesantes/útiles [link]
@kaishin » 21 Aug '12, 2pm
Sass 3.2 and how you can use it to write even more syntactically awesome stylesheets [link] /cc @theSassWay
@jgkite » 21 Aug '12, 2pm
Finally! RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@joshhumble » 22 Aug '12, 2am
RT @TheSassWay: Even More Syntactically Awesome Stylesheets: [link] via @kaishin
@jina » 22 Aug '12, 2am
RT @TheSassWay: Even More Syntactically Awesome Stylesheets: [link] via @kaishin
@dpie » 21 Aug '12, 7pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@railsgrammer » 21 Aug '12, 5pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@planetonrails » 21 Aug '12, 5pm
Even More Syntactically Awesome Stylesheets [link]
@galenw » 21 Aug '12, 5pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@brewern » 21 Aug '12, 4pm
Even More Syntactically Awesome Stylesheets [link]
@nothing_box » 21 Aug '12, 4pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@joshmatz » 21 Aug '12, 3pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@ie_cortex » 21 Aug '12, 3pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@ProxyGear » 21 Aug '12, 3pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@evenwu » 21 Aug '12, 2pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@busypixels » 21 Aug '12, 2pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@denisjacquemin » 21 Aug '12, 2pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@samitheberber » 21 Aug '12, 2pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@jasuarez » 21 Aug '12, 2pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]
@ayosec » 21 Aug '12, 2pm
RT @thoughtbot: Sass 3.2 for even more syntactically awesome stylesheets [link]