Stylelint Stylistic

An updatable collection of stylistic rules for Stylelint (in plugin form).

About and purpose

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.

Installation and usage

Add @stylistic/stylelint-plugin and stylelint itself to your project:

1npm add -D stylelint @stylistic/stylelint-plugin

Create 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/:

1{
2	"plugins": [
3		"@stylistic/stylelint-plugin"
4	],
5	"rules": {
6		// syntax rules from stylelint:
7		"color-function-notation": "modern",
8		"selector-max-compound-selectors": 2,
9
10		// stylistic rules from @stylistic/stylelint-plugin:
11		"@stylistic/color-hex-case": "lower",
12		"@stylistic/number-leading-zero": "always",
13		"@stylistic/unit-case": "lower"
14	}
15}

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.

Need more?

ESLint deprecates stylistic rules, too. But you can continue to use them thanks to ESLint Stylistic.

Important documents

• Rule list
• Contributing