.stylelintrc

{
  "extends": "stylelint-config-standard",
  "plugins": [
    "stylelint-scss",
    "stylelint-order"
  ],
  "rules": {
    "at-rule-no-unknown": null,
    "scss/at-rule-no-unknown": true,
    "declaration-empty-line-before": [ "always", { "except": "first-nested", "ignore": [ "after-declaration", "after-comment" ] } ],
    "no-descending-specificity": null,
    "order/order": [
      { "type": "at-rule", "name": "include" },
      "custom-properties",
      "declarations",
      { "type": "at-rule", "name": "media", "hasBlock": true },
      "rules"
    ],
    "order/properties-order": [
      "content",
      "position",
      {
        "groupName": "layoutChildOptions",
        "properties": [
          "top",
          "right",
          "bottom",
          "left",
          "z-index",
          "clear",
          "float",
          "align-self",
          "flex",
          "flex-basis",
          "flex-grow",
          "flex-shrink",
          "order"
        ]
      },
      "display",
      "visibility",
      "appearance",
      {
        "groupName": "layoutContainerOptions",
        "properties": [
          "table-layout",
          "flex-direction",
          "flex-flow",
          "flex-wrap",
          "align-content",
          "align-items",
          "justify-content"
        ]
      },
      {
        "groupName": "blockOuter",
        "properties": [
          "margin",
          "margin-top",
          "margin-right",
          "margin-bottom",
          "margin-left"
        ]
      },
      {
        "groupName": "blockSize",
        "properties": [
          "box-sizing",
          "max-width",
          "max-height",
          "min-width",
          "min-height",
          "width",
          "height"
        ]
      },
      {
        "groupName": "blockInner",
        "properties": [
          "border",
          "border-top",
          "border-right",
          "border-bottom",
          "border-left",
          "padding",
          "padding-top",
          "padding-right",
          "padding-bottom",
          "padding-left",
          "overflow",
          "overflow-x",
          "overflow-y",
          "border-radius",
          "border-top-left-radius",
          "border-top-right-radius",
          "border-bottom-right-radius",
          "border-bottom-left-radius",
          "background",
          "background-attachment",
          "background-blend-mode",
          "background-color",
          "background-image",
          "background-position",
          "background-repeat",
          "background-size",
          "box-shadow"
        ]
      },
      {
        "groupName": "typography",
        "properties": [
          "text-align",
          "text-indent",
          "list-style",
          "list-style-position",
          "line-height",
          "font-family",
          "font-size",
          "font-style",
          "font-weight",
          "letter-spacing",
          "color",
          "text-decoration",
          "text-overflow",
          "text-transform"
        ]
      },
      {
        "groupName": "transform",
        "properties": [
          "transform",
          "transform-origin",
          "transform-perspective"
        ]
      },
      {
        "groupName": "compositing",
        "properties": [
          "clip",
          "fill",
          "mix-blend-mode",
          "opacity"
        ]
      },
      {
        "groupName": "animation",
        "properties": [
          "transition",
          "animation",
          "animation-name",
          "animation-timing-function",
          "animation-delay",
          "animation-duration",
          "animation-direction",
          "animation-fill-mode",
          "animation-iteration-count",
          "animation-play-state",
          "will-change"
        ]
      },
      "cursor"
    ]
  }
}