SASS Cheat Sheet
|
This section documents Sass/SCSS as implemented by Dart Sass, the current official and actively maintained compiler — it is not tied to any specific book, build tool, or CSS framework (Bootstrap, Bulma, etc.). Unlike the other reference sections on this site, no single reference book underpins it: the content was generated with the assistance of AI from general knowledge of Dart Sass, and should be verified against the current official documentation at sass-lang.com before relying on it in production. Sass continues to evolve, so behaviour described here may lag the compiler you are actually running. This section’s bibliography lists the reference material consulted while preparing these pages. |
A single-page, color-coded summary of the Sass essentials — the two syntaxes, variables and !default,
nesting and the & parent selector, @use/@forward, mixins and functions, @extend and placeholders,
operators (including the math.div() rule), control flow, lists and maps, the sass:* built-in modules, and
the compilation pipeline — handy for quick memorization or as a printable desk reference.
For the full syntax, every option, and additional examples, see the dedicated pages:
Language — Syntax: SCSS vs. Sass,
Variables,
Nesting,
Partials & Modules,
Mixins,
Functions, and
Selector Inheritance (@extend).
Expressions and data — Operators, Control Flow, Lists & Maps, and Built-in Modules.
Toolchain — Compilation.