Variables Nesting and Partials
Use Sass variables for reusable values, nest selectors for readability, and split code into partials.
What is Sass?
Sass (Syntactically Awesome Stylesheets) is a CSS preprocessor that extends CSS with variables, nesting, mixins, functions, and more. Sass files compile to standard CSS.
Two Sass Syntaxes
Sass has two file formats:
.scss— CSS-compatible superset syntax (most popular).sass— indentation-based syntax (no curly braces or semicolons)
This course covers SCSS.
All lessons in this course
- Variables Nesting and Partials
- Mixins and Includes
- Extend and Placeholder Selectors
- Sass Functions and Control Flow