.stylelintrc

{
  "extends": [
    "stylelint-config-htmlacademy",
    "stylelint-config-rational-order"
    ],
  "plugins": [
  "stylelint-order", 
    ],
  "rules": {
    "at-rule-no-unknown": [true, {"ignoreAtRules": ["function", "if", "each", "else", "include", "mixin"]}],
    "order/order": [
      "declarations",
      {
        "type": "at-rule",
        "name": "supports"
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--light\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--dark\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--retina\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--mobile-large\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--tablet\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--tablet-large\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--desktop\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--desktop-large\)
      },
      {
        "type": "at-rule",
        "name": "media",
        "parameter": \(--desktop-extra-large\)
      },
      {
        "type": "rule",
        "selector": "^&::(before|after),"
      },
      {
        "type": "rule",
        "selector": "^&::before"
      },
      {
        "type": "rule",
        "selector": "^&::after"
      },
      {
        "type": "rule",
        "selector": "^&:\\w"
      },
      {
        "type": "rule",
        "selector": "^& \\+ &"
      },
      {
        "type": "rule",
        "selector": "^&--"
      },
      {
        "type": "rule",
        "selector": "^."
      },
      "rules"
    ],
  },
  "syntax": "scss",
}