.stylelintrc

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-prettier"
  ],
  "plugins": [
    "stylelint-prettier",
    "stylelint-selector-bem-pattern"
  ],
  "rules": {
    "prettier/prettier": true,
    "shorthand-property-no-redundant-values": true,
    "value-no-vendor-prefix": true,
    "at-rule-empty-line-before": [
      "always",
      {
        "except": ["blockless-after-same-name-blockless"],
        "ignore": ["after-comment", "first-nested"],
        "severity": "error"
      }
    ],
    "custom-property-empty-line-before": [
      "always",
      {
        "except": ["after-custom-property"],
        "ignore": ["after-comment", "first-nested", "inside-single-line-block"],
        "severity": "error"
      }
    ],
    "declaration-empty-line-before": [
      "always",
      {
        "except": ["after-declaration"],
        "ignore": ["after-comment", "first-nested", "inside-single-line-block"],
        "severity": "error"
      }
    ],
    "rule-empty-line-before": [
      "always",
      {
        "ignore": ["after-comment", "first-nested"],
        "severity": "error"
      }
    ],
    "declaration-property-unit-whitelist": {
      "width": ["px", "vw", "%"],
      "min-width": ["px", "vw", "%"],
      "max-width": ["px","vw", "%"],
      "height": ["vh", "%", "px"],
      "min-height": ["px", "vh", "%"],
      "max-height": ["px", "vh", "%"],
      "/^animation/": ["s"],
      "/^transition/": ["s"],
      "/^transform/": ["deg", "%"],
      "/^margin/": ["px"],
      "/^padding/": ["px"],
      "left": ["px", "%"],
      "right": ["px", "%"],
      "top": ["px", "%"],
      "bottom": ["px", "%"],
      "font-size": ["rem"],
      "line-height": ["rem"]
    },
    "color-no-hex": true,
    "number-leading-zero": "always",
    "no-descending-specificity": null,
    "color-named": ["never", {
      ignore: ["inside-function"]
    }],
    "at-rule-no-unknown": [true, {
      ignoreAtRules: ['include', 'mixin', 'if', 'function', 'else', 'return', 'content', 'for']
    }],
    "plugin/selector-bem-pattern": {
      "preset": "bem",
      ignoreSelectors: [
        "\\.is-.+$",
        "\\.has-.+$"
      ]
    }
  }
}