.stylelintrc

{
  "extends": ["stylelint-config-standard"],
  "plugins": [
    "stylelint-order"
  ],
  "rules": {
    "order/order": [
      "custom-properties",
      "declarations"
    ],
    "order/properties-order": [
      "all",
      "content",
      "display",
      "flex",
      "flex-basis",
      "flex-grow",
      "align-items",
      "justtify-contents",
      "grid-template-column",
      "grid-template-row",
      "flex-direction",
      "gap",
      "gap-column",
      "gap-row",
      "position",
      "inset",
      "top",
      "left",
      "bottom",
      "right",
      "height",
      "width",
      "aspect-ratio",
      "margin",
      "margin-top",
      "margin-right",
      "margin-bottom",
      "margin-left",
      "padding",
      "padding-top",
      "padding-right",
      "padding-bottom",
      "padding-left",
      "border",
      "border-top",
      "border-right",
      "border-bottom",
      "border-left",
      "border-radius",
      "border-top-left-radius",
      "border-top-right-radius",
      "border-bottom-right-radius",
      "border-bottom-left-radius",
      "opacity",
      "color",
      "background-color",
      "outline",
      "text-align",
      "text-decoration",
      "font-family",
      "font-weight",
      "font-size",
      "font-variant-numeric",
      "line-height",
      "white-space",
      "overflow",
      "overflow-x",
      "overflow-y",
      "cursor",
      "pointer-event",
      "isolation",
      "z-index",
      "transition"
    ]
  }
}