Tooling & Workflow
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
Great CSS is only half the job; getting it compiled, optimized, and shipped is the other half. This section covers the tooling around your stylesheets: Dart Sass, the CLI, build steps, and PostCSS. We compare the options honestly so you can pick a workflow that fits your project instead of cargo-culting someone else's toolchain.
Tooling & Workflow
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.
Tooling & Workflow
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.
Coming soon
- Autoprefixer and PostCSS: A Practical Setup
- Linting CSS and Sass with Stylelint