.stylelintrc.json

{
  "extends": [
    "stylelint-config-recommended",
    "stylelint-a11y/recommended",
    "stylelint-config-prettier"
  ],
  "plugins": [
    "stylelint-order",
    "stylelint-prettier",
    "stylelint-scss"
  ],
  "rules": {
    "at-rule-empty-line-before": [
      "always",
      {
        "except": [
          "blockless-after-same-name-blockless",
          "first-nested"
        ],
        "ignore": [
          "after-comment"
        ],
        "severity": "warning"
      }
    ],
    "at-rule-no-unknown": null,
    "at-rule-no-vendor-prefix": true,
    "color-hex-length": "long",
    "comment-empty-line-before": [
      "always",
      {
        "except": [
          "first-nested"
        ],
        "ignore": [
          "after-comment",
          "stylelint-commands"
        ],
        "severity": "warning"
      }
    ],
    "custom-property-empty-line-before": [
      "always",
      {
        "except": [
          "after-custom-property",
          "first-nested"
        ],
        "ignore": [
          "after-comment"
        ],
        "severity": "warning"
      }
    ],
    "declaration-empty-line-before": [
      "always",
      {
        "except": [
          "after-declaration",
          "first-nested"
        ],
        "ignore": [
          "after-comment"
        ],
        "severity": "warning"
      }
    ],
    "declaration-no-important": true,
    "max-empty-lines": 2,
    "max-nesting-depth": [
      2,
      {
        "ignore": [
          "pseudo-classes"
        ],
        "ignoreAtRules": [
          "media",
          "supports"
        ],
        "severity": "warning"
      }
    ],
    "media-feature-name-no-vendor-prefix": true,
    "no-descending-specificity": null,
    "order/properties-alphabetical-order": true,
    "prettier/prettier": true,
    "property-no-vendor-prefix": true,
    "rule-empty-line-before": [
      "always",
      {
        "except": [
          "first-nested"
        ],
        "ignore": [
          "after-comment"
        ],
        "severity": "warning"
      }
    ],
    "scss/at-rule-no-unknown": true,
    "selector-max-compound-selectors": [
      3,
      {
        "severity": "warning"
      }
    ],
    "selector-no-vendor-prefix": true,
    "selector-pseudo-element-colon-notation": "double",
    "value-no-vendor-prefix": true
  }
}