Introduction to SASS language
In this lesson we will learn about the SASS preprocessor. SASS is an alternative to the LESS preprocessor that also allows you to program in CSS.
SASS actually has two syntax variants, the first variant is also called SASS and the second one is called SCSS. Both of them support the same set of features and only slightly differ in syntax. However, since SCSS is newer and more widely used, we will study it in this tutorial.
So, the SCSS syntax is similar to the CSS syntax, that is, we will see the same curly braces and the same quotes with a comma as in CSS. Let's look at an example of the SCSS syntax, where we immediately assign the font and color to variables, and then assign these variables to properties in the body selector:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
