fix: ignore custom property set (#6)

css-modules · Feb 20, 2019 · b6401e7 · b6401e7
1 parent 53bd7f1
commit b6401e7
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -128,6 +128,15 @@ const processor = postcss.plugin('postcss-modules-scope', function(options) {
 
     // Find any :local classes
     css.walkRules(rule => {
+      if (
+        rule.nodes &&
+        rule.selector.slice(0, 2) === '--' &&
+        rule.selector.slice(-1) === ':'
+      ) {
+        // ignore custom property set
+        return;
+      }
+
       let parsedSelector = selectorParser().astSync(rule);
 
       rule.selector = traverseNode(parsedSelector.clone()).toString();

diff --git a/test/test-cases/ignore-custom-property-set/expected.css b/test/test-cases/ignore-custom-property-set/expected.css
@@ -0,0 +1,6 @@
+:root {
+    --title-align: center;
+    --sr-only: {
+        position: absolute;
+    }
+}
diff --git a/test/test-cases/ignore-custom-property-set/source.css b/test/test-cases/ignore-custom-property-set/source.css
@@ -0,0 +1,6 @@
+:root {
+    --title-align: center;
+    --sr-only: {
+        position: absolute;
+    }
+}