feat: css nesting support (#64)

css-modules · Dec 21, 2023 · a8c3d77 · a8c3d77
1 parent 87fa2e8
commit a8c3d77
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -230,6 +230,11 @@ function localizeNode(rule, mode, localAliasMap) {
 
         break;
       }
+      case "nesting": {
+        if (node.value === "&") {
+          context.hasLocals = true;
+        }
+      }
     }
 
     context.lastWasSpacing = false;

diff --git a/test/index.test.js b/test/index.test.js
@@ -844,6 +844,30 @@ const tests = [
     input: ":global(.a:not(:global .b, :global .c)) {}",
     error: /A :global is not allowed inside of a :global/,
   },
+  {
+    name: "consider & statements as pure",
+    input: ".foo { &:hover { a_value: some-value; } }",
+    options: { mode: "pure" },
+    expected: ":local(.foo) { &:hover { a_value: some-value; } }",
+  },
+  {
+    name: "consider selector & statements as pure",
+    input: ".foo { html &:hover { a_value: some-value; } }",
+    options: { mode: "pure" },
+    expected: ":local(.foo) { html &:hover { a_value: some-value; } }",
+  },
+  {
+    name: "consider selector & statements as pure",
+    input: ".foo { &:global(.bar) { a_value: some-value; } }",
+    options: { mode: "pure" },
+    expected: ":local(.foo) { &.bar { a_value: some-value; } }",
+  },
+  {
+    name: "throw on nested & selectors without a local selector",
+    input: ":global(.foo) { &:hover { a_value: some-value; } }",
+    options: { mode: "pure" },
+    error: /is not pure/,
+  },
   /*
   Bug in postcss-selector-parser
   {