.stylelintrc

{
  "processors": ["stylelint-processor-styled-components"],
  "extends": [
    "stylelint-config-recommended"
    ],
   "rules": {
      "at-rule-no-unknown": true,
      "block-no-empty": true,
      "color-named": "always-where-possible",
      "comment-no-empty": true,
      "declaration-block-no-duplicate-properties": [
        true,
        {
          ignore: ["consecutive-duplicates-with-different-values"]
        }
      ],
      "declaration-block-no-shorthand-property-overrides": true,
      "font-family-no-duplicate-names": true,
      "color-no-invalid-hex": true,
      "font-family-no-missing-generic-family-keyword": true,
      "function-calc-no-unspaced-operator": true,
      "function-linear-gradient-no-nonstandard-direction": true,
      "keyframe-declaration-no-important": true,
      "property-no-vendor-prefix": true,
      "media-feature-name-no-unknown": true,
      "no-descending-specificity": [true, { "severity": "warning" }],
      "no-duplicate-at-import-rules": true,
      "no-duplicate-selectors": true,
      "no-empty-source": null,
      "no-extra-semicolons": true,
      "no-invalid-double-slash-comments": true,
      "property-no-unknown": true,
      "selector-pseudo-class-no-unknown": true,
      "selector-pseudo-element-no-unknown": true,
      "selector-type-no-unknown": [true, { "severity": "warning" }],
      "string-no-newline": true,
      "unit-no-unknown": true
   }

}