SASS (Syntactically Awesome Style Sheets) is an extended version of CSS. It enables a developer to create code in another language and translate it into CSS
, and it compiles SASS to CSS at an incredible speed. It has introduced various new features like:
Two syntaxes are available for SASS; the newer one uses the
.scss
extension and the older one uses the.sass
extension.
It is very easy to convert an scss
file into a css
file using this command on the terminal.
sass myStyle.scss myStyle.css
Remember: You need to install node-sass on your operating system.
Nesting, where we can define CSS rules inside another rule, is introduced in this version.
Variables are also introduced for storing specific values. Variables are declared after the $
symbol.
Mixin functions are used to store a certain set of reusable CSS rules.