Sass Basics: Variables, Nesting, the Parent Selector (&), Interpolation and Placeholders
A Sass variable is a build-time value that disappears after compilation, while a custom property lives at runtime, so when combining them you must pass the value through #{}, or the browser receives the text "$brand". We rewrite Bookstore's card with & and BEM, measure in two engines how Sass nesting produces different specificity from native nesting, and show how deep nesting bloats the output.
14 Nov 2026
·
11 min
·
12
