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
Variants
3 download options
Updated
2026-03-27

Sample

What's in this cheat sheet

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
OutputBoth compile to standard CSS
RecommendedSCSS (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

Text formats

Copy or download as plain text

Download Markdown

Best for copying commands, snippets, and config into notes, prompts, or docs

Download Markdown

Preview

The web preview is for quick browsing. The PDF remains the authoritative print artifact

Open in Browser