Validates classnames for any missing var before a custom property
This stylelint plugin will validate against all custom properties in css and lints when it fails to find var before a custom property. This plugin also works for custom property defined in other sources too.
npm install stylelint-no-missing-var
yarn install stylelint-no-missing-var
In your stylelintrc.json add stylelint-no-missing-var to your plugins array and to your rules array like this:
plugins: ['stylelint-no-missing-var'],
rules: {
"custom-rule/no-missing-var": true,
}
Wrong: Throws an error here
.spectrum-Well-Component {
background-color : (--prefix-component-background-color);
}
Correct:
.spectrum-Well-Component {
background-color : var(--prefix-component-background-color);
}