Compass for sass

In my previous article I talked about how to make use of SASS for your front-end development, today I want to talk abit about Compass, http://compass-style.org/

Compass is an addon to SASS which allows developers easily write CSS3 codes in sass, which means you @include once of compass mixin, compass will compile all css3 prefix for you.

Here is an example:

 .my-div { @include border-radius(4px, 4px); } 

and what happends if you compile with compass it will automatic provide with the prefix as below.

  .my-div {   -webkit-border-radius: 4px 4px;   -moz-border-radius: 4px / 4px;   border-radius: 4px / 4px; } 

it might not be ovious if you are writing a few line of codes only, but for those web applicaitions of content heavy websites, this is great way to build rapid css without worries.
Continue reading “Compass for sass”