Module 3
CSS Grid Systems & Preprocessors
25 mins read
Lesson 1: CSS Preprocessors
1.1 Introduction to Sass / SCSS
SCSS extends standard CSS with variables, nesting, and mixins for scalable SaaS stylesheets.
SCSS
/* SCSS Syntax */
$primary-green: #22c55e;
.button {
background-color: $primary-green;
&:hover {
background-color: darken($primary-green, 10%);
}
}