replace postcss-extend with postcss-extend-rule

darkroomengineering · Jan 22, 2025 · 16eea4f · 16eea4f · github-actions · Jan 22, 2025
1 parent 53818be
commit 16eea4f
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 106 deletions.
diff --git a/next-env.d.ts b/next-env.d.ts
diff --git a/package.json b/package.json
@@ -64,7 +64,7 @@
     "cssnano": "^7.0.6",
     "lefthook": "^1.10.1",
     "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-extend": "^1.0.5",
+    "postcss-extend-rule": "^4.0.0",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-functions": "^4.0.2",
     "postcss-import": "^16.1.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/postcss.config.mjs b/postcss.config.mjs
@@ -14,7 +14,7 @@ const validatePixels = (pixels, dimension) => {
 const postcss = {
   plugins: {
     'postcss-import': {},
-    'postcss-extend': {},
+    'postcss-extend-rule': {},
     'postcss-flexbugs-fixes': {},
     'postcss-preset-env': {
       autoprefixer: {

diff --git a/styles/_layout.css b/styles/_layout.css
@@ -50,10 +50,8 @@
 }
 
 .layout-grid {
-  @extend .layout-block;
-  @extend .grid;
+  @extend .layout-block, .grid;
 }
 .layout-grid-inner {
-  @extend .layout-block-inner;
-  @extend .grid;
+  @extend .layout-block-inner, .grid;
 }