@zestia/stylelint-config
This package provides linting rules for our CSS and SCSS.
The rules are based on community standards, with a few extra ones specific to Zestia.
Installation
npm install --save-dev @zestia/stylelint-config
Setup
-
Create the following file
.stylelintrc.js
module.exports = { extends: '@zestia/stylelint-config' };
-
Add the following to
scripts
inpackage.json
"lint:css": "stylelint '**/*.{css,scss}'"
Running
npm run lint:css
Notes
-
stylelint-config-standard
for a set of community lint rules around best practices and catching errors -
stylelint-prettier
adds prettier as a stylelint rule -
stylelint-config-prettier
for turning off stylelint rules that could conflict with prettier -
stylelint-selector-bem-pattern
for a simpler bem-like naming convention -
stylelint-declaration-use-variable
to enforce variables -
stylelint-order
to enforce the order of certain rules