dimension-no-non-numeric-values: fix error thrown with unitless inter…

…polation
stylelint-scss · Jul 18, 2021 · c3fffd9 · c3fffd9
1 parent 0ed236a
commit c3fffd9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/rules/dimension-no-non-numeric-values/__tests__/index.js b/src/rules/dimension-no-non-numeric-values/__tests__/index.js
@@ -24,6 +24,13 @@ testRule(rule, {
       code: `$pad: "2";
       $string: "#{$pad}px";`,
       description: "does not report lint when string is quoted"
+    },
+    {
+      code: `
+      @include media-breakpoint-up($grid-gutter-breakpoint) {
+        --#{$variable-prefix}gutter-x: #{$gutter * 2};
+      }`,
+      description: "ignores interpolation without a unit"
     }
   ]),
   reject: loopOverUnits({

diff --git a/src/rules/dimension-no-non-numeric-values/index.js b/src/rules/dimension-no-non-numeric-values/index.js
@@ -93,6 +93,11 @@ export default function rule(primary) {
 
         const regex = new RegExp(`#{[$a-z_0-9 +-]*}(${units.join("|")});?`);
         const matchUnit = decl.value.match(regex);
+
+        if (!matchUnit) {
+          return;
+        }
+
         const unit = matchUnit[1];
         const offset = decl.value.indexOf(unit);