.stylelintrc

{
  "plugins": [ "stylelint-order", "stylelint-scss", "stylelint-prettier", "stylelint-selector-bem-pattern"],
  "extends": ["stylelint-config-sass-guidelines", "stylelint-config-prettier"],
  "rules": {
    "scss/at-extend-no-missing-placeholder": null,
    "scss/selector-no-redundant-nesting-selector": null,
    "selector-max-compound-selectors": null,
    "function-url-quotes": "never",
    "max-nesting-depth": null,
    "selector-class-pattern": null,
    "order/order": [
      "custom-properties",
      "declarations"
    ],
    "order/properties-alphabetical-order": null,
    "order/properties-order": [
      "content",
      "box-sizing",
      "pointer-events",
      "overflow",
      "overflow-x",
      "overflow-y",
      "visibility",
      "opacity",
      "position",
      "top",
      "right",
      "bottom",
      "left",
      "z-index",
      "float",
      "clear",
      "display",
      "vertical-align",
      "flex",
      "flex-direction",
      "justify-content",
      "align-items",
      "width",
      "max-width",
      "min-width",
      "height",
      "max-height",
      "min-height",
      "margin",
      "margin-top",
      "margin-right",
      "margin-bottom",
      "margin-left",
      "border",
      "border-top",
      "border-right",
      "border-bottom",
      "border-left",
      "border-width",
      "border-style",
      "border-color",
      "border-spacing",
      "border-collapse",
      "border-radius",
      "border-top-left-radius",
      "border-top-right-radius",
      "border-bottom-right-radius",
      "border-bottom-left-radius",
      "border-top-radius",
      "padding",
      "padding-top",
      "padding-right",
      "padding-bottom",
      "padding-left",
      "background",
      "background-color",
      "background-image",
      "background-position",
      "background-size",
      "background-repeat",
      "clip",
      "list-style",
      "color",
      "font",
      "font-family",
      "font-display",
      "font-size",
      "font-style",
      "font-weight",
      "font-stretch",
      "line-height",
      "letter-spacing",
      "text-align",
      "text-indent",
      "text-transform",
      "text-decoration",
      "text-shadow",
      "text-overflow",
      "white-space",
      "outline",
      "cursor",
      "box-shadow",
      "backface-visibility",
      "will-change",
      "transition",
      "transition-property",
      "transition-duration",
      "transition-timing-function",
      "perspective",
      "transform",
      "animation",
      "appearance",
      "filter"
    ],
    "plugin/selector-bem-pattern": {
      "componentName": "[A-Z]+",
      "componentSelectors": {
        "initial": "^\\.{componentName}(?:-[a-z]+)?$"
      },
      "utilitySelectors": "^\\.h-[a-z]+$"
    }
  }
}