Check for custom properties

lib/parse-variable.js

@@ -27,7 +27,12 @@ const findVars = (node, result, ignoreList) => {
     return;
   }
 
-  if (node instanceof Declaration && node.prop.startsWith('$') && !ignoreList.includes(node.prop) && fusvEnabled) {
+  if (
+    node instanceof Declaration &&
+    (node.prop.startsWith('$') || node.prop.startsWith('--')) &&
+    !ignoreList.includes(node.prop) &&
+    fusvEnabled
+  ) {
     result.push(new UnusedInfo(node));
     return;
   }

package.json

@@ -23,7 +23,7 @@
     "lint": "xo",
     "fix": "xo --fix",
     "test": "npm-run-all --aggregate-output --continue-on-error --parallel --parallel test:*",
-    "test:cli": "node ./bin/cli.js tests/ --ignore=\"$a,$b\" --ignoreFiles=\"**/ignored-file*.scss\"",
+    "test:cli": "node ./bin/cli.js tests/ --ignore=\"$a,$b,--a,--b\" --ignoreFiles=\"**/ignored-file*.scss\"",
     "test:integration": "node tests/integration.js",
     "test:options": "node tests/options.js",
     "test-ci": "npm-run-all --aggregate-output --continue-on-error --parallel test:integration test:options"

tests/fixtures/_variables.scss

@@ -17,3 +17,15 @@ $disabled-variable: #bada55;
 // fusv-enable
 
 $enabled-variable: #b000b5;
+
+:root {
+  --a: 10px;
+  --b: 20px;
+  --black-light: #{$black-light};
+  --black-lightest: #{$black-lightest};
+  --ignored-variable: #ace;
+  // fusv-disable
+  --disabled-variable: #bada55;
+  // fusv-enable
+  --enabled-variable: #101;
+}

tests/fixtures/ignored-file.scss

@@ -1,2 +1,5 @@
 // unused but ignored file variables
 $unused-but-ignored    : #000;
+:root {
+  --unused-but-ignored: #000;
+}

tests/fixtures/test.scss

@@ -22,3 +22,11 @@
 .black-lightest {
   background-color: $black-lightest;
 }
+
+.modal-black-light {
+  background-color: var(--black-light);
+}
+
+.modal-black-lightest {
+  background-color: var(--black-lightest);
+}

tests/integration.js

@@ -9,9 +9,12 @@ const expectedUnused = [
   '$black',
   '$nestedVar',
   '$nestNestedVar',
-  '$enabled-variable'
+  '$enabled-variable',
+  '--a',
+  '--b',
+  '--enabled-variable'
 ];
-const ignore = ['$ignored-variable'];
+const ignore = ['$ignored-variable', '--ignored-variable'];
 const ignoreFiles = ['**/ignored-file*.scss'];
 
 const runTests = (type, result) => {

tests/options.js

@@ -11,16 +11,23 @@ const allExpectedUnused = [
   '$nestedVar',
   '$nestNestedVar',
   '$enabled-variable',
-  '$ignored-variable'
+  '$ignored-variable',
+  '--a',
+  '--b',
+  '--ignored-variable',
+  '--enabled-variable'
 ];
 const expectedUnused = [
   '$unused',
   '$black',
   '$nestedVar',
   '$nestNestedVar',
-  '$enabled-variable'
+  '$enabled-variable',
+  '--a',
+  '--b',
+  '--enabled-variable'
 ];
-const ignore = ['$ignored-variable', '$a', '$b'];
+const ignore = ['$ignored-variable', '$a', '$b', '--ignored-variable'];
 const ignoreFiles = ['**/ignored-file*.scss'];
 
 console.log('Running "Options" tests...');