.stylelintrc

{
  "plugins": [
    "stylelint-scss",
    "stylelint-order",
    "stylelint-declaration-use-variable",
  ],
  "extends": "stylelint-config-sass-guidelines",
  "rules": {
    "color-hex-length": "long",
    "color-hex-case": "lower",
    "declaration-no-important": true,
    "selector-pseudo-element-colon-notation": "double",
    "order/properties-alphabetical-order": null,
    "order/order": [
      {
        "type": "at-rule",
        "name": "extend",
        "hasBlock": false
      },
      {
        "type": "at-rule",
        "name": "include",
        "hasBlock": false
      },
      {
        "type": "at-rule",
        "name": "include",
        "parameter": "breakpoint",
        "hasBlock": true
      }
    ],
    "at-rule-empty-line-before": ["always", {
      except: ["first-nested", "blockless-after-blockless"],
      ignore: ["after-comment", "first-nested"],
      ignoreAtRules: ["if", "else", "import"],
    }],
    "rule-empty-line-before": ["always", {
      except: ["first-nested"]
    }],
    "max-nesting-depth": [4, {
      "ignoreAtRules": ["mixin"]
    }],
    "selector-class-pattern": null,
    "selector-max-compound-selectors": 4,
    "at-rule-no-unknown": null,
    "scss/at-rule-no-unknown": true,
    "scss/at-import-no-partial-leading-underscore": null,
    "scss/dollar-variable-pattern": "^^(?!-)(?!.*--)[a-z0-9-]+(?<!-)",
    "sh-waqar/declaration-use-variable": [['/color/', { ignoreValues: ['transparent', 'inherit'] }]],
    "selector-no-qualifying-type": [ true, {
      "ignore": [ "class" ]
    }]
  }
}