.stylelintrc

{
  "extends": ["stylelint-config-standard", "stylelint-config-recommended-scss"],
  "rules": {
    "font-family-name-quotes": "always-where-recommended",
    "font-family-no-missing-generic-family-keyword": [true, { "ignoreFontFamilies": ["FontAwesome"] }],
    "function-url-quotes": [
      "always",
      {
        "except": ["empty"]
      }
    ],
    "selector-attribute-quotes": "always",
    "max-nesting-depth": 5,
    "selector-max-compound-selectors": 5,
    "selector-max-specificity": "1,3,2",
    "declaration-no-important": null,
    "at-rule-no-vendor-prefix": true,
    "at-rule-no-unknown": null,
    "scss/at-rule-no-unknown": [true, { "ignoreAtRules": ["tailwind"] }],
    "media-feature-name-no-vendor-prefix": true,
    "property-no-vendor-prefix": true,
    "selector-no-vendor-prefix": true,
    "value-no-vendor-prefix": true,
    "no-empty-source": null,
    "selector-class-pattern": "[a-z-]+",
    "selector-id-pattern": "[a-z-]+",
    "selector-max-id": 1,
    "selector-no-qualifying-type": [
      true,
      {
        "ignore": ["class"]
      }
    ],
    "selector-max-universal": 0,
    "selector-type-no-unknown": [
      true,
      {
        "ignoreTypes": ["/^mat/", "/^mifosx/", "fa-icon", "ng-template"]
      }
    ],
    "selector-pseudo-element-no-unknown": [
      true,
      {
        "ignorePseudoElements": ["ng-deep"]
      }
    ],
    "unit-allowed-list": ["px", "%", "em", "rem", "vw", "vh", "deg", "s", "ms"]
  }
}