Sass is a powerhouse language that is adding new features all the time. For this introduction we will go over the basics of the language and see how they all tie together. We will discuss nesting, parent selector definitions, variables, Sass math, @extends, and @mixins.
Commenting your code is the number one awesome thing any developer can do. In CSS you can place comments in your code /* */
, but this will appear in the actual CSS and sometimes you don't want or need all that stuff to be there.
In Sass comments are highly encouraged. Sass has what are called 'silent comments' using the //
syntax. This will allow the developer to comment like crazy and none of this is exposed in the final CSS. An interesting feature is that Sass supports both types of comments.
Scss