jonathantneal

alaguna

romainmenke

postcss-nesting

- Updated [`@csstools/selector-specificity`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity) to [`3.0.3`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity/CHANGELOG.md#303) (patch)

- Add the `edition` plugin option to control which CSS nesting specification version should be used. The default is `2021` but you can also set it to the newer `2024-02` edition to have more modern behavior.

- Fix order of final CSS with complex usage of both nesting and mixins, by @pciarach

- Updated [`@csstools/selector-specificity`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity) to [`3.0.2`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity/CHANGELOG.md#302) (patch)

[Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting/CHANGELOG.md)

	"description": "Nest rules inside each other in CSS",

			"url": "https://github.com/sponsors/csstools"

			"url": "https://opencollective.com/csstools"

		"@csstools/selector-resolve-nested": "^1.1.0",

		"@csstools/selector-specificity": "^3.0.2",

		"@csstools/selector-specificity": "^3.0.3",

	"homepage": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting#readme",

		"url": "git+https://github.com/csstools/postcss-plugins.git",

	"bugs": "https://github.com/csstools/postcss-plugins/issues",

# PostCSS Nesting [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]

[<img alt="npm version" src="https://img.shields.io/npm/v/postcss-nesting.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/nesting-rules.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/nesting-rules.svg" height="20">][css-url] 

[PostCSS Nesting] lets you nest style rules inside each other, following the [CSS Nesting specification].

If you want nested rules the same way [Sass] works

you might want to use [PostCSS Nested] instead.

npm install postcss postcss-nesting --save-dev

const postcssNesting = require('postcss-nesting');

]).process(YOUR_CSS /*, processOptions */);

[PostCSS Nesting] runs in all Node environments, with special

- [PostCSS Load Config](INSTALL.md#postcss-load-config)

## ⚠️ `@nest` has been removed from the specification.

Previous iterations of the [CSS Nesting specification] required using `@nest` for certain selectors.

`@nest` was removed from the specification completely.

Future versions of this plugin will error if you use `@nest`.

We advice everyone to migrate their codebase **now** to nested CSS without `@nest`.  

We published a [Stylelint Plugin](https://github.com/csstools/postcss-plugins/tree/main/plugins-stylelint/no-at-nest-rule#csstoolsstylelint-no-at-nest-rule) to help you migrate.

> `@nest` was removed from the CSS Nesting specification and will be removed from PostCSS Nesting in the next major version.

> Change `@nest foo & {}` to `foo & {}` to migrate to the latest standard.

You can silence this warning with a new `silenceAtNestWarning` plugin option.

In a feature version of this plugin this will no longer be the default.

In a future version of this plugin this will no longer be the default.

- usage of `:is()` pseudo-class is no longer optional

- at rules are not combined with the `and` keyword

- `@nest` is removed from the specification

- declarations and nested rules/at-rules are no longer re-ordered

		# Changes to PostCSS Nesting

		### 12.1.1

		_March 31, 2024_

		- Updated [`@csstools/selector-specificity`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity) to [`3.0.3`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity/CHANGELOG.md#303) (patch)

		### 12.1.0
		@@ -15,8 +21,2 @@

		### 12.0.3

		_February 19, 2024_

		- Updated [`@csstools/selector-specificity`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity) to [`3.0.2`](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-specificity/CHANGELOG.md#302) (patch)

		[Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting/CHANGELOG.md)

		{
		"name": "postcss-nesting",
		"description": "Nest rules inside each other in CSS",
		"version": "12.1.0",
		"version": "12.1.1",
		"contributors": [
		@@ -58,3 +58,3 @@ {
		"@csstools/selector-resolve-nested": "^1.1.0",
		"@csstools/selector-specificity": "^3.0.2",
		"@csstools/selector-specificity": "^3.0.3",
		"postcss-selector-parser": "^6.0.13"
		@@ -61,0 +61,0 @@ },

Worsened metrics

Dependency changes

		@@ -124,3 +124,3 @@ # PostCSS Nesting [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]

		In a feature version of this plugin this will no longer be the default.
		In a future version of this plugin this will no longer be the default.

		@@ -127,0 +127,0 @@ ```pcss