Frontend Development with SASS and Compass: Introduction



SASS (Syntactically Awesome Stylesheets) is a CSS preprocessor which gives you an opportunity to do amazing things with your stylesheets. Interesting huh!?

What is Sass?

The Sass website define Sass as:

Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable style sheets.(1)

Yes, yes wait ! I know you are gonna ask me “What’s wrong with regular CSS?”. Regular CSS is also correct, there is nothing wrong in it, they are great with all its ability and quality, but they are missing some essential and simple elements. Sass core philosophy is DRY i.e. Don’t Repeat Yourself as it saves time and effort when writing code.Continue Reading