Tool
Sass
CSS with variables, nesting, and reusable logic
Learn Sass variables, nesting, and mixins.
8
Chapters
4
Practice formats
1
Self-paced
Curriculum
8 chapters, each with a tutorial, a live example, a quiz, an exercise, a challenge, and class practice.
- 1preview
Introduction to Sass
Why Sass exists, and how it compiles to CSS.
- 2
Variables
Naming and reusing values.
- 3
Nesting
Mirroring HTML structure in selectors.
- 4
Partials & Imports
Splitting styles across files.
- 5
Mixins
Reusable blocks of style declarations.
- 6
Functions
Computing values like lighten() and darken().
- 7
Inheritance with @extend
Sharing style rules between selectors.
- 8
Control Directives
@if, @each, and @for in Sass.