postcss/postcss-nested

Health v2 · maintenance only

Adoption not part of the score

1200 stars · 64 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A PostCSS plugin that unwraps nested CSS rules using Sass-like syntax, flattening them into standard flat CSS. It supports bubbling of at-rules like @media and @supports, as well as parent selector references and @at-root.

Use cases

• write nested CSS with Sass-like syntax and compile to plain CSS
• unwrap nested rules in a PostCSS build pipeline
• use CSS nesting without relying on native browser support
• bubble media queries and other at-rules out of nested selectors
• reference parent selectors with & in nested styles

When to choose

• you already use PostCSS and want Sass-style nesting
• you want nesting closer to the Sass syntax rather than the CSSWG draft
• you need configurable at-rule bubbling in nested CSS

When to avoid

• you want the official CSS nesting spec implementation (use postcss-nesting instead)
• your build pipeline does not use PostCSS
• you need a full CSS preprocessor with variables, mixins, and functions

Facets

plugin · maturity stable

css-framework build-tool web-development frontend cross-platform postcss-plugin css-nesting sass-syntax css-processing nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="postcss/postcss-nested")