Guided Notes
Introduction to Sass
Why Sass exists, and how it compiles to CSS.
Sass (Syntactically Awesome StyleSheets) is a CSS preprocessor — you write .scss files with extra features, and a compiler turns them into plain .css that browsers actually run.
Variables (`$primary-color: #0874ce;`) let you name and reuse values throughout a stylesheet — change the variable once, and every place that uses it updates.
Nesting lets you write selectors the way they visually relate: `.card { h2 { color: blue; } }` compiles to `.card h2 { color: blue; }`, mirroring your HTML structure more directly than flat CSS.