.stylelintrc.json

{
  "root": true,
  "extends": [
    "stylelint-config-standard-scss",
    "stylelint-config-standard-vue/scss",
    "stylelint-prettier/recommended",
    "stylelint-config-css-modules",
    "stylelint-config-prettier-scss"
  ],
  "rules": {
    "selector-pseudo-class-no-unknown": [
      true,
      {
        "ignorePseudoClasses": ["global", "export", "import", "local", "deep"]
      }
    ],
    "block-no-empty": null,
    "declaration-no-important": true,
    "unit-allowed-list": [
      "em",
      "rem",
      "%",
      "px",
      "vh",
      "vw",
      "fr",
      "s",
      "ms",
      "deg"
    ],
    "selector-max-id": [
      0,
      {
        "severity": "warning"
      }
    ],
    "selector-max-universal": [
      0,
      {
        "severity": "warning"
      }
    ],
    "color-hex-length": null,
    "at-rule-no-unknown": null,
    "scss/at-rule-no-unknown": true,
    "declaration-block-no-redundant-longhand-properties": true,
    "declaration-block-no-shorthand-property-overrides": true,
    "declaration-block-no-duplicate-properties": [
      true,
      {
        "ignore": [
          "consecutive-duplicates",
          "consecutive-duplicates-with-different-values"
        ]
      }
    ],
    "function-name-case": [
      "lower",
      {
        "ignoreFunctions": [
          "mergeColorMaps",
          "powerNumber",
          "colorLuminance",
          "findColorInvert",
          "findLightColor",
          "findDarkColor",
          "bulmaRgba",
          "bulmaDarken",
          "bulmaLighten"
        ]
      }
    ]
  },
  "overrides": [
    {
      "files": ["**/*.(scss|css|html|vue)"],
      "customSyntax": "postcss-scss"
    },
    {
      "files": ["**/*.(html|vue)"],
      "customSyntax": "postcss-html"
    }
  ]
}