Languages

Sass/SCSS Cheat Sheet

Print-ready cheat sheet for Sass/SCSS, organized for fast lookup, study, and desk-side use

Source: Sass Documentation (sass-lang.com)
License: MIT
Updated: 2026-03-27

Sample

What's in this cheat sheet

Syntax
Variables
Nesting
Mixins
Functions
Extends
Partials & Import
Control Flow
Maps & Lists
Common Patterns

SCSS vs Sass

// SCSS (superset of CSS — uses braces)
.nav { display: flex; }

// Sass (indented — no braces or semicolons)
.nav
  display: flex

SCSS is the most commonly used syntax

Comparison

`SCSS (.scss)`	CSS-compatible, braces & semicolons
`Sass (.sass)`	Indentation-based, no braces
`Output`	Both compile to standard CSS
`Recommended`	SCSS (wider adoption, easier migration)

Download the full cheat sheet for all sections, formatted for print

Download PDF

Downloads

Choose the treatment that matches how you read

Recommended

Standard

B&W, ink-efficient. The default for laser printers and photocopies

Best for Printouts and desk-side reference

PDF 2 pages Letter landscape

Download PDF
Color

Warm color accents for on-screen reading or color printers

Best for Screen reading or color printers

PDF 2 pages Letter landscape

Download PDF
Reference Card

Maximum density, 4-column layout. Everything on one page

Best for Fast scanning and minimum paper use

PDF 1 page Letter landscape

Download PDF