.stylelintrc.json

{
  "extends": ["stylelint-config-standard", "stylelint-config-recommended-scss"],
  "defaultSeverity": "warning",
  "plugins": ["stylelint-order", "stylelint-scss"],
  "ignoreFiles": ["*/**/*.css", "node_modules/**", "build/**", "public/**", "docker/**"],
  "fix": true,
  "rules": {
    "scss/at-rule-no-unknown": true,

    "scss/at-extend-no-missing-placeholder": true,
    "no-invalid-double-slash-comments": true,
    "max-line-length": 80,
    "indentation": [
      2,
      {
        "baseIndentLevel": 0
      }
    ],
    "no-eol-whitespace": [
      true,
      {
        "severity": "warning"
      }
    ],
    "function-parentheses-space-inside": null,

    "property-no-vendor-prefix": null,
    "selector-no-vendor-prefix": null,
    "value-no-vendor-prefix": null,

    "value-list-comma-space-after": "always-single-line",
    "value-list-comma-newline-after": "always-multi-line",
    "string-quotes": "single",
    "number-leading-zero": [
      "never",
      {
        "severity": "warning"
      }
    ],
    "max-empty-lines": 2,
    "length-zero-no-unit": [
      true,
      {
        "severity": "warning"
      }
    ],
    "block-no-empty": [
      true,
      {
        "severity": "warning"
      }
    ],
    "max-nesting-depth": [
      8,
      {
        "severity": "warning"
      }
    ],
    "selector-list-comma-newline-before": "never-multi-line",
    "selector-list-comma-newline-after": "always",
    "selector-class-pattern": null,
    "selector-max-compound-selectors": 8,
    "selector-max-id": [
      1,
      {
        "severity": "warning"
      }
    ],
    "selector-no-qualifying-type": null,
    "declaration-empty-line-before": [
      "always",
      {
        "except": ["after-comment", "after-declaration", "first-nested"]
      }
    ],
    "declaration-colon-space-before": "never",
    "declaration-colon-space-after": [
      "always-single-line",
      {
        "severity": "warning"
      }
    ],
    "color-named": [
      "never",
      {
        "severity": "warning"
      }
    ],
    "color-hex-case": "lower",
    "color-no-hex": null,
    "color-no-invalid-hex": true,
    "color-hex-length": "short",
    "declaration-bang-space-before": "always",
    "declaration-bang-space-after": "never",
    "block-opening-brace-space-before": "always",
    "block-opening-brace-space-after": "always-single-line",
    "block-opening-brace-newline-before": null,
    "block-opening-brace-newline-after": "always-multi-line",
    "block-closing-brace-space-before": "always-single-line",
    "block-closing-brace-space-after": null,
    "block-closing-brace-empty-line-before": "never",
    "block-closing-brace-newline-before": "always-multi-line",
    "block-closing-brace-newline-after": "always",
    "declaration-block-single-line-max-declarations": 4,
    "declaration-block-trailing-semicolon": "always",
    "declaration-block-no-redundant-longhand-properties": true,
    "declaration-block-semicolon-newline-after": "always-multi-line",
    "declaration-block-semicolon-newline-before": "never-multi-line",
    "declaration-colon-newline-after": "always-multi-line",
    "at-rule-empty-line-before": [
      "always",
      {
        "except": ["blockless-after-same-name-blockless", "first-nested"],
        "ignore": ["after-comment"]
      }
    ],
    "at-rule-name-newline-after": null,
    "at-rule-name-space-after": "always",
    "at-rule-semicolon-newline-after": "always",
    "at-rule-semicolon-space-before": "never",
    "at-rule-no-unknown": null,
    "order/order": ["dollar-variables", "custom-properties", "declarations", "rules", "at-variables"],
    "order/properties-order": [
      [
        {
          "properties": ["composes", "@import", "@extend", "@mixin", "@at-root", "content", "position", "bottom", "left", "right", "top", "z-index", "display", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "grid", "grid-area", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows", "grid-column-end", "grid-column-gap", "column-gap", "grid-column-start", "grid-column", "grid-gap", "grid-row-end", "grid-row-gap", "row-gap", "grid-row-start", "grid-row", "grid-template-areas", "grid-template-columns", "grid-template-rows", "grid-template", "gap", "align-content", "align-items", "align-self", "justify-content", "justify-items", "justify-self", "clear", "float", "object-fit", "object-position", "order", "overflow", "overflow-scrolling", "overflow-x", "overflow-y", "vertical-align", "box-sizing", "width", "height", "max-height", "max-width", "min-height", "min-width", "margin", "margin-bottom", "margin-left", "margin-right", "margin-top", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "-ms-writing-mode", "break-after", "break-before", "break-inside", "color", "column-count", "column-fill", "column-gap", "column-rule-color", "column-rule-style", "column-rule-width", "column-rule", "column-span", "column-width", "columns", "counter-increment", "counter-reset", "direction", "font", "font-family", "font-size-adjust", "font-size", "font-stretch", "font-style", "font-variant", "font-weight", "hyphens", "interpolation-mode", "letter-spacing", "line-height", "orphans", "overflow-wrap", "page-break-after", "page-break-before", "page-break-inside", "quotes", "src", "tab-size", "text-align", "text-align-last", "text-decoration", "text-emphasis-color", "text-emphasis-position", "text-emphasis-style", "text-emphasis", "text-indent", "text-justify", "text-outline", "text-overflow-ellipsis", "text-overflow-mode", "text-overflow", "text-shadow", "text-transform", "text-wrap", "unicode-bidi", "white-space", "word-break", "word-spacing", "word-wrap", "background", "background-attachment", "background-clip", "background-color", "background-image", "background-origin", "background-position-x", "background-position-y", "background-position", "background-repeat", "background-size", "border", "border-radius", "border-bottom", "border-bottom-color", "border-bottom-image", "border-bottom-left-image", "border-bottom-left-radius", "border-bottom-right-image", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-collapse", "border-color", "border-corner-image", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-left", "border-left-color", "border-left-image", "border-left-style", "border-left-width", "border-right", "border-right-color", "border-right-image", "border-right-style", "border-right-width", "border-spacing", "border-style", "border-top", "border-top-color", "border-top-image", "border-top-left-image", "border-top-left-radius", "border-top-right-image", "border-top-right-radius", "border-top-style", "border-top-width", "border-width", "box-decoration-break", "box-shadow", "caption-side", "cursor", "empty-cells", "filter", "list-style-image", "list-style-position", "list-style-type", "list-style", "opacity", "outline-color", "outline-offset", "outline-style", "outline-width", "outline", "pointer-events", "resize", "table-layout", "user-select", "visibility", "animation", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timing-function", "transform", "transform-origin", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "appearance", "clip", "clip-path", "clip-rule", "counter-increment", "counter-reset", "fill", "fill-rule", "max-zoom", "min-zoom", "nav-down", "nav-index", "nav-left", "nav-right", "nav-up", "orientation", "quotes", "stroke", "touch-action", "user-zoom", "widows", "will-change", "zoom"]
        },
        {
          "groupName": "display, flex, positioning",
          "noEmptyLineBetween": true,
          "properties": ["display", "position", "overflow", "overflow-x", "overflow-y", "overflow-wrap", "z-index", "clip", "top", "right", "bottom", "left", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "order", "justify-content", "justify-items", "justify-self", "align-content", "align-items", "align-self", "grid", "grid-area", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows", "grid-column", "grid-column-end", "grid-column-gap", "grid-column-start", "grid-gap", "grid-row", "grid-row-end", "grid-row-gap", "grid-row-start", "grid-template", "grid-template-areas", "grid-template-columns", "grid-template-rows"]
        },
        {
          "noEmptyLineBetween": true,
          "emptyLineMinimumPropertyThreshold": 3,
          "properties": ["min-height", "height", "max-height", "min-width", "width", "max-width"]
        },
        {
          "noEmptyLineBetween": true,
          "emptyLineMinimumPropertyThreshold": 3,
          "properties": ["margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left", "box-sizing", "border", "border-bottom", "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-collapse", "border-color", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-radius", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-spacing", "border-style", "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width", "border-width", "outline", "outline-color", "outline-offset", "outline-style", "outline-width"]
        },
        {
          "noEmptyLineBetween": true,
          "emptyLineMinimumPropertyThreshold": 3,
          "properties": ["font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-weight", "font-smoothing", "letter-spacing", "line-height", "line-break", "word-break", "word-spacing", "word-wrap", "white-space", "writing-mode", "user-select", "quotes", "unicode-bidi", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-shadow", "text-transform", "text-underline-position"]
        },
        {
          "noEmptyLineBetween": true,
          "emptyLineMinimumPropertyThreshold": 3,
          "properties": ["opacity", "fill", "color", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-repeat", "background-size", "filter"]
        },
        {
          "noEmptyLineBetween": true,
          "emptyLineMinimumPropertyThreshold": 3,
          "properties": ["box-shadow", "filter", "cursor", "pointer-events"]
        },
        {
          "noEmptyLineBetween": true,
          "emptyLineMinimumPropertyThreshold": 3,
          "properties": ["transform", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "animation", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timing-function"]
        }
      ],
      {
        "unspecified": "bottom",
        "emptyLineBeforeUnspecified": "never"
      }
    ],
    "order/properties-alphabetical-order": null
  }
}