Semantic rules for your CSS

Code should always be written in such a way that makes it look like a single person wrote it, no matter how many people have contributed and that is the purpose of this set of rules powered by stylelint.

Installation

You need to have stylelint and this config as part of your devDependencies.

yarn add stylelint stylelint-basebuilder -D

Usage

Load everything

To use all the rules all at once add stylelint-basebuilder to your extends property in .stylelintrc.

{
  "extends": [
    "stylelint-basebuilder"
  ]
}

Override specific rules

To override the rules set by stylelint-basebuilder you need to define your own rules and set them as shown below.

{
  "extends": [
    "stylelint-basebuilder"
  ],
  "rules": {
    "indentation": 2
  }
}