# 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](https://github.com/stylelint/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`.

```json
{
  "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.

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