.stylelintrc.js

module.exports = {
  ignoreFiles: ["src/sass/lib/**"],
  plugins: ["stylelint-order", "stylelint-scss"],
  rules: {
    "at-rule-name-case": "lower",
    "at-rule-name-space-after": "always-single-line",
    "at-rule-no-vendor-prefix": true,
    "at-rule-semicolon-newline-after": "always",
    "at-rule-semicolon-space-before": "never",
    "block-closing-brace-empty-line-before": "never",
    "block-closing-brace-newline-after": [
      "always",
      {
        ignoreAtRules: ["if", "else"],
      },
    ],
    "block-closing-brace-newline-before": "always-multi-line",
    "block-closing-brace-space-before": "always-single-line",
    "block-no-empty": true,
    "block-opening-brace-newline-after": "always-multi-line",
    "block-opening-brace-space-after": "always-single-line",
    "block-opening-brace-space-before": "always-multi-line",
    "color-hex-case": "lower",
    "color-hex-length": "short",
    "color-no-invalid-hex": true,
    "comment-no-empty": true,
    "comment-whitespace-inside": "always",
    "custom-property-pattern": /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,
    "declaration-bang-space-after": "never",
    "declaration-bang-space-before": "always",
    "declaration-block-no-duplicate-properties": [
      true,
      {
        ignoreProperties: ["word-break"],
      },
    ],
    "declaration-block-no-redundant-longhand-properties": true,
    "declaration-block-no-shorthand-property-overrides": true,
    "declaration-block-semicolon-newline-after": "always-multi-line",
    "declaration-block-semicolon-space-after": "always-single-line",
    "declaration-block-semicolon-space-before": "never",
    "declaration-block-trailing-semicolon": "always",
    "declaration-colon-space-after": "always-single-line",
    "declaration-colon-space-before": "never",
    "declaration-no-important": true,
    "font-family-no-duplicate-names": true,
    "function-calc-no-unspaced-operator": true,
    "function-comma-newline-after": "always-multi-line",
    "function-comma-newline-before": "never-multi-line",
    "function-comma-space-after": "always-single-line",
    "function-comma-space-before": "never",
    "function-linear-gradient-no-nonstandard-direction": true,
    "function-max-empty-lines": 1,
    "function-name-case": "lower",
    "function-parentheses-newline-inside": "always-multi-line",
    "function-parentheses-space-inside": "never-single-line",
    "function-url-no-scheme-relative": true,
    "function-url-quotes": "always",
    "function-whitespace-after": "always",
    indentation: 2,
    "keyframe-declaration-no-important": true,
    "length-zero-no-unit": true,
    "max-nesting-depth": 7,
    "media-feature-colon-space-after": "always",
    "media-feature-colon-space-before": "never",
    "media-feature-name-case": "lower",
    "media-feature-parentheses-space-inside": "never",
    "media-feature-range-operator-space-after": "always",
    "media-feature-range-operator-space-before": "always",
    "media-query-list-comma-newline-after": "always-multi-line",
    "media-query-list-comma-newline-before": "never-multi-line",
    "media-query-list-comma-space-after": "always-single-line",
    "media-query-list-comma-space-before": "never",
    "no-duplicate-at-import-rules": true,
    "no-eol-whitespace": true,
    "no-extra-semicolons": true,
    "no-missing-end-of-source-newline": null,
    "number-leading-zero": "never",
    "number-no-trailing-zeros": true,
    "property-case": "lower",
    "property-no-unknown": true,
    "property-no-vendor-prefix": true,
    "selector-attribute-brackets-space-inside": "never",
    "selector-attribute-operator-space-after": "never",
    "selector-attribute-operator-space-before": "never",
    "selector-attribute-quotes": "always",
    "selector-combinator-space-after": "always",
    "selector-combinator-space-before": "always",
    "selector-descendant-combinator-no-non-space": true,
    "selector-list-comma-newline-after": "always",
    "selector-list-comma-newline-before": "never-multi-line",
    "selector-list-comma-space-before": "never",
    "selector-max-compound-selectors": 5,
    "selector-max-empty-lines": 0,
    "selector-max-universal": 1,
    "selector-no-qualifying-type": [
      true,
      {
        ignore: ["attribute", "class", "id"],
      },
    ],
    "selector-pseudo-class-case": "lower",
    "selector-pseudo-class-parentheses-space-inside": "never",
    "selector-pseudo-element-case": "lower",
    "selector-pseudo-element-colon-notation": "double",
    "selector-type-case": "lower",
    "shorthand-property-no-redundant-values": true,
    "string-no-newline": true,
    "string-quotes": "double",
    "unit-case": "lower",
    "unit-no-unknown": true,
    "value-list-comma-newline-before": "never-multi-line",
    "value-list-comma-space-after": "always-single-line",
    "value-list-comma-space-before": "never",
    "value-list-max-empty-lines": 1,
    "value-no-vendor-prefix": true,

    "order/order": [
      ["custom-properties", "dollar-variables", "declarations", "rules"],
    ],
    "order/properties-order": [
      {
        properties: ["content", "quotes"],
      },
      {
        properties: ["display", "visibility"],
      },
      {
        properties: ["position", "z-index", "top", "right", "bottom", "left"],
      },
      {
        properties: ["box-sizing"],
      },
      {
        properties: [
          "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",
        ],
      },
      {
        properties: [
          "flex",
          "flex-basis",
          "flex-direction",
          "flex-flow",
          "flex-grow",
          "flex-shrink",
          "flex-wrap",
          "box-decoration-break",
          "align-content",
          "align-items",
          "align-self",
          "justify-content",
          "order",
        ],
      },
      {
        properties: [
          "width",
          "min-width",
          "max-width",
          "height",
          "min-height",
          "max-height",
        ],
      },
      {
        properties: [
          "margin",
          "margin-top",
          "margin-right",
          "margin-bottom",
          "margin-left",
        ],
      },
      {
        properties: [
          "padding",
          "padding-top",
          "padding-right",
          "padding-bottom",
          "padding-left",
        ],
      },
      {
        properties: ["float", "clear"],
      },
      {
        properties: ["overflow", "overflow-x", "overflow-y"],
      },
      {
        properties: ["clip", "zoom"],
      },
      {
        properties: [
          "columns",
          "column-gap",
          "column-fill",
          "column-rule",
          "column-span",
          "column-count",
          "column-width",
        ],
      },
      {
        properties: [
          "table-layout",
          "empty-cells",
          "caption-side",
          "border-spacing",
          "border-collapse",
        ],
      },
      {
        properties: [
          "list-style",
          "list-style-position",
          "list-style-type",
          "list-style-image",
        ],
      },
      {
        properties: [
          "transform",
          "transform-origin",
          "transform-style",
          "backface-visibility",
          "perspective",
          "perspective-origin",
        ],
      },
      {
        properties: [
          "transition",
          "transition-property",
          "transition-duration",
          "transition-timing-function",
          "transition-delay",
        ],
      },
      {
        properties: [
          "animation",
          "animation-name",
          "animation-duration",
          "animation-play-state",
          "animation-timing-function",
          "animation-delay",
          "animation-iteration-count",
          "animation-direction",
        ],
      },
      {
        properties: [
          "border",
          "border-top",
          "border-right",
          "border-bottom",
          "border-left",
          "border-width",
          "border-top-width",
          "border-right-width",
          "border-bottom-width",
          "border-left-width",
        ],
      },
      {
        properties: [
          "border-style",
          "border-top-style",
          "border-right-style",
          "border-bottom-style",
          "border-left-style",
        ],
      },
      {
        properties: [
          "border-radius",
          "border-top-left-radius",
          "border-top-right-radius",
          "border-bottom-left-radius",
          "border-bottom-right-radius",
        ],
      },
      {
        properties: [
          "border-color",
          "border-top-color",
          "border-right-color",
          "border-bottom-color",
          "border-left-color",
        ],
      },
      {
        properties: [
          "outline",
          "outline-color",
          "outline-offset",
          "outline-style",
          "outline-width",
        ],
      },
      {
        properties: [
          "stroke-width",
          "stroke-linecap",
          "stroke-dasharray",
          "stroke-dashoffset",
          "stroke",
        ],
      },
      {
        properties: ["opacity"],
      },
      {
        properties: [
          "background",
          "background-color",
          "background-image",
          "background-repeat",
          "background-position",
          "background-size",
          "box-shadow",
          "fill",
        ],
      },
      {
        properties: ["color"],
      },
      {
        properties: [
          "font",
          "font-family",
          "font-size",
          "font-size-adjust",
          "font-stretch",
          "font-effect",
          "font-style",
          "font-variant",
          "font-weight",
        ],
      },
      {
        properties: [
          "font-emphasize",
          "font-emphasize-position",
          "font-emphasize-style",
        ],
      },
      {
        properties: ["letter-spacing", "line-height", "word-spacing"],
      },
      {
        properties: [
          "text-align",
          "text-align-last",
          "text-decoration",
          "text-indent",
          "text-justify",
          "text-overflow",
          "text-overflow-ellipsis",
          "text-overflow-mode",
          "text-rendering",
          "text-outline",
          "text-shadow",
          "text-transform",
          "text-wrap",
          "word-wrap",
          "word-break",
        ],
      },
      {
        properties: [
          "text-emphasis",
          "text-emphasis-color",
          "text-emphasis-style",
          "text-emphasis-position",
        ],
      },
      {
        properties: ["vertical-align", "white-space", "hyphens"],
      },
      {
        properties: ["src"],
      },
      {
        properties: [
          "tab-size",
          "counter-reset",
          "counter-increment",
          "resize",
          "cursor",
          "pointer-events",
          "speak",
          "user-select",
          "nav-index",
          "nav-up",
          "nav-right",
          "nav-down",
          "nav-left",
        ],
      },
    ],

    "scss/at-else-closing-brace-newline-after": "always-last-in-chain",
    "scss/at-else-closing-brace-space-after": "always-intermediate",
    "scss/at-else-empty-line-before": "never",
    "scss/at-else-if-parentheses-space-before": "always",
    "scss/at-function-parentheses-space-before": "never",
    "scss/at-function-pattern": /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,
    "scss/at-if-closing-brace-newline-after": "always-last-in-chain",
    "scss/at-if-closing-brace-space-after": "always-intermediate",
    "scss/at-import-no-partial-leading-underscore": true,
    "scss/at-mixin-argumentless-call-parentheses": "never",
    "scss/at-mixin-parentheses-space-before": "never",
    "scss/at-mixin-pattern": /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,
    "scss/declaration-nested-properties-no-divided-groups": true,
    "scss/dollar-variable-colon-space-before": "never",
    "scss/dollar-variable-pattern": /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,
    "scss/operator-no-unspaced": true,
    "scss/percent-placeholder-pattern": /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,
    "scss/selector-no-redundant-nesting-selector": true,
  },
};