Sass is a preprocessor of CSS and it stands for Syntactically Awesome StyleSheet which is compatible with all versions of CSS.
Why do we need to have Sass? Because it reduces repitition of CSS and saves time, it was developed in 2006 and is free to use.
Some features that Sass have but CSS don’t: Nesting, Inheritance, Built-in functions, Variables and many more.
How does Sass work? Our browser does not understand Sass code. That’s why we need a Sass pre-processor to convert the Sass code into standard CSS. This whole processing is called transpiling.
Transpiling is used to take a source code and translate it into another language.
Requirements of Sass: — It is platform independent no need to worry about OS. It is compatible on almost all latest browsers.
Installation: You can download many application for Sass but the easiest way is to intall it through command line. If you have Node.js you can run this command: “npm install -g sass” or if you want to install standalone version visit this link.
Fun Fact: Sass file has .scss extention.
