An updatable collection of stylistic rules for Stylelint (in plugin form).
Stylelint has removed 76 rules that enforce stylistic conventions. This project returns these rules to keep styles consistent with your codeguide. In addition, new rules may be added in the future.
Add @stylistic/stylelint-plugin and stylelint itself to your project:
npm add -D stylelint @stylistic/stylelint-pluginCreate the .stylelintrc config file (or open the existing one), add @stylistic/stylelint-plugin to the plugins array and the rules you need to the rules list. All rules from @stylistic/stylelint-plugin need to be namespaced with @stylistic/:
{
"plugins": [
"@stylistic/stylelint-plugin"
],
"rules": {
// syntax rules from stylelint:
"color-function-notation": "modern",
"selector-max-compound-selectors": 2,
// stylistic rules from @stylistic/stylelint-plugin:
"@stylistic/color-hex-case": "lower",
"@stylistic/number-leading-zero": "always",
"@stylistic/unit-case": "lower"
}
}To avoid listing a lot of rules, you can use @stylistic/stylelint-config, which returns the stylistic rules removed in stylelint-config-standard and stylelint-config-recommended.
Please refer to Stylelint docs for detailed info on using this linter.
ESLint deprecates stylistic rules, too. But you can continue to use them thanks to ESLint Stylistic.