Sass Tutorial — One-Page Cheat Sheet

CSS with superpowers.

Sass Tutorial

• HOME
• Intro
• Install / Compile
• .scss vs .sass
• Variables
• Nesting
• Partials & @use
• @forward
• Mixins
• Functions
• @extend / Inheritance

Logic & Loops

• Operators
• @if / @else
• @for
• @each
• @while
• Lists
• Maps
• Built-in Modules

Patterns

• Breakpoint Mixins
• Theming
• + BEM
• Color Functions
• Math & Units
• Design Tokens

Examples

• Examples
• Cheatsheet
• Quiz
• Exercises
• Bootcamp
• Certificate
• Summary