Sass stylelint
Adding stylelint on the project (using ie RM) in a few steps:
First, you need to install a package: yarn add stylelint
.
Second, you need to install a package with config for stylelint.
For SASS it is yarn add stylelint-config-sass-guidelines
Third, you need to add to the project file .stylelintrc.json
with some config, ie:
{
"extends": "stylelint-config-sass-guidelines",
"rules": {
"block-opening-brace-space-before": null,
"color-hex-case": "upper",
"declaration-block-trailing-semicolon": "never",
"max-nesting-depth": 5,
"number-leading-zero": null,
"scss/percent-placeholder-pattern": ".",
"scss/selector-no-redundant-nesting-selector": "allow",
"selector-class-pattern": ".",
"selector-no-qualifying-type": null,
"selector-pseudo-element-colon-notation": "single"
}
}
PS. For Scss I created config here.
The last step :) You need to run this on your IDE (or run it in the terminal by hand).