Native CSS Nesting vs Sass Nesting: What Changed and What to Use
Sass nesting is a build-time feature that compiles to flat CSS and glues selectors as text, so `&__title` becomes `.card__title`.
Tooling & Workflow
Set up current Sass workflows without invented commands or obsolete defaults. Guides distinguish Sass from PostCSS, use the real CLI, and show the exact CSS produced when compiled output is included.
CSS Preprocessors vs PostCSS: Sass, Less, and Tailwind Compared
A CSS preprocessor (Sass, Less, Stylus) is a complete language that compiles to CSS with built-in variables, mixins, and loops.
How to Install and Compile Sass (npm, CLI, and Dart Sass)
Install Sass with npm by running npm install -D sass in your project, which gives you Dart Sass, the official implementation.
Sass Partials: File Structure and CSS Ownership
Sass partials are source files, conventionally named with a leading underscore, that another stylesheet loads instead of treating as separate build entries.
Coming soon
- Autoprefixer and PostCSS: A Practical Setup
- Linting CSS and Sass with Stylelint