Sass – Syntactically Awesome Stylesheets

Beauty

Sass does away with the unnecessary brackets and semicolons of CSS. Properties are nested beneath selectors, and each property gets its own line.

// Sass    h1  height: 118px  margin-top: 1em    .tagline  font-size: 26px  text-align: right  
/* CSS */    h1 {  height: 118px;  margin-top: 1em;  }    .tagline {  font-size: 26px;  text-align: right;  }  

This seems like an interesting idea. As a language, CSS certainly lacks many useful functions that are common to other coding languages. My only concern with Sass is that it adds an additional layer of complexity to the styling process – a process that has become second nature for me. If I can figure out a way to streamline Sass into the normal CSS workflow (code, browser refresh test, iterate) then I can see it becoming quite useful.

If I get some time to experiment with this – I will certainly post a review as well as a tutorial to help any developer get started.

HT: Nathan

Posted via web from Andrew Colclough