I’m sure you’ll hear about variables, mixins, extends, or other scary-sounding things like functions and interpolation.
If you’re still not sure where to begin when converting CSS over to Sass, this is the place and time to start.
we may know that Sass is a CSS preprocessor, that extends CSS. It’s a layer that sits between the Sass stylesheets we write, and the CSS file we serve to the browser.
browsers don’t understand Sass syntax. So that syntax needs to be translated into plain CSS before the browser can actually read it.
that’s what the Sass compiler does. It translates or compiles Sass to CSS.
now you may be thinking, why even bother switching over to Sass? What’s wrong with plain old CSS?
CSS may seem like an easy language to understand and work with But the reality is, CSS can be difficult to manage, and depending on the size of the project, it can be fragile, repetitive, and tedious to work with.
CSS is Good some developers still using plain CSS for their certain projects but Sass empowers stylesheet authors to write CSS the way it’s meant to be written, clear efficient, and easily maintainable.