.stylelintrc.json

{
    "plugins": [
      "stylelint-scss"
    ],
    "extends":  [
      "stylelint-config-standard",
      "stylelint-config-recommended-vue/scss"
    ],
    "ignoreFiles": [
      "**/coverage/*",
      "**/dist/*",
      "**/node_modules/*"
    ],
    "rules": {
      "at-rule-no-unknown": null,
      "no-descending-specificity": null,
      "declaration-block-trailing-semicolon": null,
      "scss/at-rule-no-unknown": [
        true,
        {
          "ignoreAtRules": [
            "tailwind",
            "apply",
            "variants",
            "responsive",
            "screen"
          ]
        }
      ],
      "scss/dollar-variable-colon-space-after": "always",
      "scss/dollar-variable-colon-space-before": "never",
      "scss/dollar-variable-no-missing-interpolation": true,
      "scss/dollar-variable-pattern": "^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
      "scss/double-slash-comment-whitespace-inside": "always",
      "scss/operator-no-newline-before": true,
      "scss/operator-no-unspaced": true,
      "scss/selector-no-redundant-nesting-selector": true,
      "selector-pseudo-element-no-unknown": [
        true,
        {
          "ignorePseudoElements": ["v-deep"]
        }
      ]
    }  
  }