.stylelintrc

{
  "processors": [
    "stylelint-processor-styled-components"
  ],
  "plugins": [
    "stylelint-order"
  ],
  "extends": [
    "stylelint-config-recommended",
    "stylelint-config-styled-components"
  ],
  "rules": {
    "order/order": [
      "custom-properties",
      "declarations"
    ],
    "order/properties-alphabetical-order": true,
    "max-nesting-depth": 2,
    "color-hex-case": "lower",
    "indentation": 2,
    "color-no-invalid-hex": true,
    "font-family-no-duplicate-names": true,
    "font-family-no-missing-generic-family-keyword": true,
    "function-calc-no-unspaced-operator": true,
    "function-linear-gradient-no-nonstandard-direction": true,
    "property-no-unknown": true,
    "keyframe-declaration-no-important": true,
    "declaration-block-no-duplicate-properties": true,
    "block-no-empty": true,
    "selector-pseudo-class-no-unknown": true,
    "selector-pseudo-element-no-unknown": true,
    "media-feature-name-no-unknown": true,
    "comment-no-empty": true,
    "unit-no-unknown": true,
    "no-missing-end-of-source-newline": true,
    "declaration-block-no-redundant-longhand-properties": true,
    "declaration-no-important": true,
    "no-unknown-animations": true,
    "no-extra-semicolons": true,
    "no-invalid-double-slash-comments": true,
    "unit-case": "lower",
    "string-quotes": "single",
    "at-rule-no-unknown": true
  }
}