Novicell Stylelint config

This is an Stylelint config for all projects written with either vanilla CSS or PostCSS.

How to install

1. 1npm i stylelint @novicell/stylelint-config

2. Create a .stylelintrc.json in the root of the project

3. Add the following 👇

   1{
   2  "extends": "@novicell/stylelint-config",
   3  "rules": {
   4    // Your project specific rules or overrides
   5  }
   6}

4. Add lint scripts to package.json

   1"scripts": {
   2  "stylelint": "stylelint '**/*.{css,vue}'",
   3  "stylelint:fix": "stylelint '**/*.{css,vue}' --fix"
   4}

5. Make VS Code autofix issues on save (optional)

   • Install the Stylelint extension
   • Create a .vscode folder in root and add settings.json to it. Remember to disable Prettier!
   • Add the following

   1 {
   2   "css.validate": false,
   3   "less.validate": false,
   4   "scss.validate": false,
   5   "stylelint.validate": ["css", "postcss", "vue"],
   6   "editor.codeActionsOnSave": {
   7     "source.fixAll.stylelint": true,
   8   },
   9   "prettier.enable": false
   10 }
   11

6. Use StylelintWebPackPLugin. to fix your issues on build (optional)

Contribution

Looking to contribute something? Here's how you can help. Please take a moment to review our contribution guidelines in order to make the contribution process easy and effective for everyone involved.

License

The Novicell CSS Utils is licensed under the MIT license. (http://opensource.org/licenses/MIT)