.stylelintrc

{
  "extends": "stylelint-config-recommended",
  "plugins": ["stylelint-order", "stylelint-selector-bem-pattern"],
  "rules": {
    "order/order": ["custom-properties", "declarations"],
    "order/properties-alphabetical-order": [true, { "severity": "warning" }],
    "plugin/selector-bem-pattern": [
      {
        "preset": "suit"
      },
      { "severity": "warning" }
    ],
    "at-rule-no-unknown": null,
    "at-rule-no-vendor-prefix": true,
    "at-rule-whitelist": ["font-face", "media"],
    "declaration-no-important": true,
    "font-family-no-missing-generic-family-keyword": null,
    "function-url-no-scheme-relative": true,
    "function-url-scheme-whitelist": [],
    "function-whitelist": [
      "color",
      "minmax",
      "opacity",
      "shade",
      "tint",
      "url"
    ],
    "media-feature-name-no-vendor-prefix": true,
    "media-feature-name-whitelist": ["min-width"],
    "number-max-precision": 4,
    "property-no-unknown": null,
    "property-no-vendor-prefix": true,
    "property-whitelist": [
      "align-items",
      "appearance",
      "background-color",
      "border",
      "border-bottom",
      "border-color",
      "border-radius",
      "border-right",
      "border-top",
      "box-shadow",
      "box-sizing",
      "content",
      "color",
      "display",
      "filter",
      "font-family",
      "font-size",
      "font-style",
      "font-weight",
      "font",
      "grid-auto-rows",
      "grid-gap",
      "grid-template-columns",
      "height",
      "left",
      "line-height",
      "list-style",
      "margin-bottom",
      "margin-left",
      "margin-top",
      "margin",
      "max-width",
      "padding-left",
      "padding",
      "padding-bottom",
      "page-break-after",
      "position",
      "src",
      "text-align",
      "text-decoration",
      "top",
      "white-space",
      "width"
    ],
    "selector-attribute-operator-whitelist": [],
    "selector-max-attribute": 0,
    "selector-max-class": 2,
    "selector-max-id": 0,
    "selector-max-type": 0,
    "selector-max-universal": 0,
    "selector-no-vendor-prefix": true,
    "selector-pseudo-class-no-unknown": null,
    "selector-pseudo-class-whitelist": [
      "active",
      "before",
      "empty",
      "first-child",
      "hover",
      "not"
    ],
    "unit-no-unknown": null,
    "unit-whitelist": ["%", "fr", "px", "rem"],
    "value-no-vendor-prefix": true
  }
}