fix: add more tolerance for query match (#47)

SassNinja · Sep 10, 2020 · bf53898 · bf53898
1 parent ccd3c6b
commit bf53898
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/postcss.js b/src/postcss.js
@@ -5,6 +5,7 @@
 
 const postcss = require('postcss');
 const store = require('./store');
+const normalize = require('./utils/normalize');
 
 module.exports = postcss.plugin('MediaQueryPostCSS', options => {
 
@@ -35,11 +36,21 @@ module.exports = postcss.plugin('MediaQueryPostCSS', options => {
         }
     }
 
+    function getQueryName(query) {
+        const queries = Object.keys(options.queries);
+
+        for (let i = 0; i < queries.length; i++) {
+            if (normalize(query) === normalize(queries[i])) {
+                return options.queries[queries[i]];
+            }
+        }
+    }
+
     return (css, result) => {
 
         css.walkAtRules('media', atRule => {
 
-            const queryname = options.queries[atRule.params];
+            const queryname = getQueryName(atRule.params);
 
             if (queryname) {
                 const groupName = getGroupName(options.basename);

diff --git a/src/utils/normalize.js b/src/utils/normalize.js
@@ -0,0 +1,6 @@
+// Utility to normalize a query for more tolerant comparison.
+// normalize('@media (min-width: 1000px)') === normalize('@media(min-width:1000px)')
+
+module.exports = function normalize(query) {
+  return query.toLowerCase().replace(/\s/g, '');
+}