.stylelintrc

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-recess-order",
    "stylelint-config-recommended-scss",
    "stylelint-config-prettier"
  ],
  "rules": {
    "custom-property-pattern": null,
    "no-invalid-position-at-import-rule": null,
    "selector-class-pattern": null
  },
  "overrides": [
    {
      "files": ["*.scss", "**/*.scss"],
      "rules": {
        "function-no-unknown": null,
        "declaration-property-value-allowed-list": {
          "/color/": ["/var/", "/\\$/", "currentcolor", "transparent", "unset", "inherit"],
          "font-size": ["/var/", "/\\$/", "/[0-9]+em$/", "unset", "inherit"],
          "border-radius": ["/var/", "/\\$/", "50%", "0", "inherit"]
        },
        "declaration-property-value-disallowed-list": {
          "transition": ["/all/", "/[0-9]ms/"]
        },
        "annotation-no-unknown": [
          true,
          {
            "ignoreAnnotations": ["default", "global"]
          }
        ]
      }
    },
    {
      "files": ["*.html", "**/*.html"],
      "customSyntax": "postcss-html"
    },
    {
      "files": ["*.md", "**/*.md"],
      "customSyntax": "postcss-markdown"
    }
  ]
}