.stylelintrc.json

{
  "extends": ["stylelint-config-standard", "stylelint-order"],
  "plugins": ["stylelint-order"],
  "rules": {
    "declaration-block-no-duplicate-properties": true,
    "no-duplicate-selectors": true,
    "property-no-unknown": true,
    "comment-no-empty": true,
    "no-descending-specificity": null,
    "custom-property-pattern": [
      "^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
      {
        "message": "Expected custom property name to be kebab-case"
      }
    ],
    "order/properties-order": [
      "position",
      "top",
      "right",
      "bottom",
      "left",
      "z-index",
      "display",
      "flex",
      "flex-direction",
      "flex-wrap",
      "align-items",
      "justify-content",
      "align-self",
      "align-content",
      "grid",
      "grid-template",
      "grid-template-areas",
      "grid-template-rows",
      "grid-template-columns",
      "grid-area",
      "grid-column",
      "grid-row",
      "gap",
      "width",
      "height",
      "max-width",
      "max-height",
      "min-width",
      "min-height",
      "margin",
      "padding",
      "border",
      "border-radius",
      "box-shadow",
      "color",
      "font",
      "font-size",
      "font-weight",
      "line-height",
      "text-align",
      "text-decoration",
      "text-transform",
      "letter-spacing",
      "word-spacing",
      "background",
      "background-color",
      "background-image",
      "background-repeat",
      "background-position",
      "background-size"
    ]
  }
}