Semantic rules for your CSS

Code always has to be written following a set of rules, it doesn't matter how many developers have worked on a project. That's the reason we use stylelint and have a couple of rules build with stylelint.

Installation

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

npm i stylelint stylelint-elephant -D

Usage

Load rules

To use our rules add stylelint-elephant to your extends property in your stylelint config. For example in your .stylelintrc.

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

Override specific rules

It's possibile to override the rules set by stylelint-elephant, we strongly discourage to do that but if you want to add your own rules add them to your stylelintconfig.

{
  "extends": [
    "stylelint-elephant"
  ],
  "rules": {
    "color-hex-case": "lower",
    "color-hex-length": "short",
  }
}