What is SASS and Why should you use over CSS?

Systematically Awesome Style Sheets in short SASS is a CSS pre-processor. It works as an extension of CSS that enables you to use things like variables, nested rules, mixins, inline imports, inheritance and more, which make CSS code more efficiently.

Sass and reason to use Sass

So, what is CSS pre-processor?

Preprocessor is a scripting language that extends CSS by allowing developers to write code in one language and then compile it into CSS. Some examples of CSS preprocessor include: Sass, Less and Stylus.

Sass is more stable and powerful CSS extension language out there that describes style of document cleanly and structurally. Sass was initially designed by Hampton Catlin and developed by Natalie Weizenbaum in 2006. After the initial development, Natalie Weizenbaum and Chris Eppstein continue with its initial version and extend Sass with SassScript, a simple scripting language used in Sass files.

Sass is a scripting language that is interpreted or compiled into CSS. It is very useful to handle large style sheets by keeping them well organized and running quickly small style sheets. To start coding using Sass you must have install Ruby in you system and also need to follow the Sass community guidelines.




Recommended for you