.github/workflows/test.yml

@@ -20,7 +20,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 19
           cache: pnpm
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --ignore-scripts
@@ -31,6 +31,7 @@ jobs:
     strategy:
       matrix:
         node-version:
+          - 18
           - 16
           - 14
     name: Node.js ${{ matrix.node-version }} Quick

CHANGELOG.md

@@ -1,6 +1,9 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 6.1
+* Added `@container` to bubbling at-rules.
+
 ## 6.0
 * Added `@layer` to bubbling at-rules (by Már Örlygsson).
 * Added moving all preceding comments with rule (by Már Örlygsson).

README.md

@@ -4,7 +4,7 @@
      title="Philosopher’s stone, logo of PostCSS"
      src="https://postcss.org/logo-leftp.svg">
 
-[PostCSS] plugin to unwrap nested rules like how Sass does it.
+[PostCSS] plugin to unwrap nested rules closer to Sass syntax.
 
 ```css
 .phone {
@@ -59,25 +59,21 @@ html {
 
 Related plugins:
 
-* Use [`postcss-atroot`] for `@at-root` at-rule to move nested child
-  to the CSS root.
 * Use [`postcss-current-selector`] **after** this plugin if you want
   to use current selector in properties or variables values.
 * Use [`postcss-nested-ancestors`] **before** this plugin if you want
   to reference any ancestor element directly in your selectors with `^&`.
 
 Alternatives:
 
-* See also [`postcss-nesting`], which implements [CSSWG draft]
-  (requires the `&` and introduces `@nest`).
+* See also [`postcss-nesting`], which implements [CSSWG draft].
 * [`postcss-nested-props`] for nested properties like `font-size`.
 
 <a href="https://evilmartians.com/?utm_source=postcss-nested">
   <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
        alt="Sponsored by Evil Martians" width="236" height="54">
 </a>
 
-[`postcss-atroot`]: https://github.com/OEvgeny/postcss-atroot
 [`postcss-current-selector`]: https://github.com/komlev/postcss-current-selector
 [`postcss-nested-ancestors`]: https://github.com/toomuchdesign/postcss-nested-ancestors
 [`postcss-nested-props`]:     https://github.com/jedmao/postcss-nested-props

index.js

@@ -268,7 +268,10 @@ function normalizeRootRule(rule) {
 const hasRootRule = Symbol('hasRootRule')
 
 module.exports = (opts = {}) => {
-  let bubble = atruleNames(['media', 'supports', 'layer'], opts.bubble)
+  let bubble = atruleNames(
+    ['media', 'supports', 'layer', 'container'],
+    opts.bubble
+  )
   let atruleChilds = createFnAtruleChilds(bubble)
   let unwrap = atruleNames(
     [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-nested",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "PostCSS plugin to unwrap nested rules like how Sass does it",
   "keywords": [
     "postcss",
@@ -27,19 +27,19 @@
     "postcss": "^8.2.14"
   },
   "dependencies": {
-    "postcss-selector-parser": "^6.0.10"
+    "postcss-selector-parser": "^6.0.11"
   },
   "devDependencies": {
-    "@logux/eslint-config": "^47.2.0",
-    "c8": "^7.12.0",
-    "clean-publish": "^4.0.1",
-    "eslint": "^8.24.0",
+    "@logux/eslint-config": "^48.0.0",
+    "c8": "^7.13.0",
+    "clean-publish": "^4.1.1",
+    "eslint": "^8.34.0",
     "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.3.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-n": "^15.6.1",
     "eslint-plugin-prefer-let": "^3.0.1",
-    "eslint-plugin-promise": "^6.0.1",
-    "postcss": "^8.4.17",
+    "eslint-plugin-promise": "^6.1.1",
+    "postcss": "^8.4.21",
     "uvu": "^0.5.6"
   },
   "prettier": {