← Back to Tools
Sass

Tool

Sass

CSS with variables, nesting, and reusable logic

Learn Sass variables, nesting, and mixins.

8

Chapters

17

Hours (estimated)

1

Self-paced

Part-time

About 6 weeks

1 hour a day, 3 days a week

Full-time

About 2 weeks

3 hours a day, 3 days a week

Estimated from 8 chapters (notes, practice, labs, quiz, exercise, and challenge) plus the final exam. Go at your own pace.

Curriculum

8 chapters, each with a tutorial, a live example, a quiz, an exercise, a challenge, and class practice.

  1. 1

    Introduction to Sass

    Why Sass exists, and how it compiles to CSS.

  2. 2

    Variables

    Naming and reusing values.

  3. 3

    Nesting

    Mirroring HTML structure in selectors.

  4. 4

    Partials & Imports

    Splitting styles across files.

  5. 5

    Mixins

    Reusable blocks of style declarations.

  6. 6

    Functions

    Computing values like lighten() and darken().

  7. 7

    Inheritance with @extend

    Sharing style rules between selectors.

  8. 8

    Control Directives

    @if, @each, and @for in Sass.

Start learning — it's free →

Sass is free to study, self-paced. Pass the final exam to earn an optional Certificate of Completion for $40.