If you understand CSS even at a basic level, you will understand Sass, or SCSS as it used to or still can be called. SCSS was a way to write Sass without the brackets, but they have deprecated this, so we will not be using it.

When you write Sass, you are basically writing CSS in a slightly different way. Sass files are compiled to a CSS file, and this compiled CSS file is what you include in your project, just like you have since you started using an external CSS file. Do not let Sass scare you. Even if you never use all the advanced features and just learn how to nest and use variables; these are two of the most powerful, basic, and simple Sass concepts to wrap your head around.

So, what exactly is Sass? Basically, it takes everything that CSS has to offer and gives you a bunch of extra things to extend the functionality and saves you a lot of time when writing CSS. For example, you can nest CSS classes so that you do not have to write the same classes over and over again...