Un-Sass’ing my CSS: native CSS nesting

“Un-Sass’ing My CSS: Native CSS Nesting” title, author’s photo, Sass code with $spacing variable and .card mixin on the left, native CSS with custom property and @media query on the right.

Stuart Robson walks through how native CSS nesting works in modern browsers and compares it to Sass. He covers specificity, the & symbol, practical differences from Sass, and real-world component examples including alerts, cards, and search forms. The article also explores integration with container queries, :has(), and prefers-reduced-motion.

alwaystwisted.com/articles/UnSassing-my-CSS-nesting