.stylelintrc.json

{
  "extends": [
    "stylelint-config-recommended",
    "stylelint-a11y/recommended",
    "stylelint-config-styled-components",
    "stylelint-prettier/recommended"
  ],
  "plugins": [
    "stylelint-order",
    "stylelint-config-rational-order/plugin",
    "stylelint-a11y",
    "stylelint-high-performance-animation",
    "stylelint-prettier"
  ],
  "rules": {
		"prettier/prettier": true,
    "at-rule-no-vendor-prefix": true,
    "block-no-empty": true,
    "color-hex-length": "long",
    "color-no-hex": null,
    "color-no-invalid-hex": true,
    "comment-empty-line-before": "always",
    "comment-whitespace-inside": "always",
    "declaration-bang-space-after": "never",
    "declaration-bang-space-before": "always",
    "declaration-block-no-duplicate-properties": null,
    "declaration-no-important": true,
    "font-family-no-duplicate-names": true,
    "font-family-no-missing-generic-family-keyword": true,
    "function-calc-no-invalid": true,
    "function-calc-no-unspaced-operator": true,
    "function-url-quotes": null,
    "function-whitespace-after": "always",
    "keyframe-declaration-no-important": true,
    "length-zero-no-unit": true,
    "max-nesting-depth": 3,
    "media-feature-colon-space-after": "always",
    "media-feature-colon-space-before": "never",
    "media-feature-name-no-vendor-prefix": true,
    "media-feature-range-operator-space-after": "always",
    "media-feature-range-operator-space-before": "always",
    "no-descending-specificity": null,
    "no-duplicate-at-import-rules": true,
    "no-duplicate-selectors": null,
    "no-empty-source": true,
    "no-invalid-double-slash-comments": true,
    "number-max-precision": 20,
    "order/order": ["custom-properties", "declarations"],
    "order/properties-alphabetical-order": true,
    "order/properties-order": [],
    "plugin/no-low-performance-animation-properties": null,
    "property-no-unknown": true,
    "property-no-vendor-prefix": true,
    "selector-class-pattern": "[a-z-]+",
    "selector-id-pattern": "[a-z-]+",
    "selector-nested-pattern" : "((^|(,\\s*))&:{1,2}[a-zA-Z]+)+$",
    "selector-no-vendor-prefix": true,
    "selector-pseudo-element-colon-notation": "double",
    "unit-allowed-list": ["px", "%", "em", "ms", "rem", "vw", "vh", "deg", "s"],
    "unit-no-unknown": true,
    "value-no-vendor-prefix": true
  }
}