.stylelintrc.json

{
  "extends": ["stylelint-config-standard-scss", "stylelint-config-prettier-scss"],
  "ignoreFiles": ["dist/**/*", "tools/generate-component/**/*.scss"],
  "rules": {
    "custom-property-pattern": "^_?(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$",
    "selector-class-pattern": "^(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$",
    "selector-id-pattern": "^(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$",
    "scss/at-mixin-pattern": "^(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$",
    "length-zero-no-unit": [
      true,
      {
        "ignore": ["custom-properties"]
      }
    ],
    "scss/comment-no-empty": null,
    "scss/at-import-partial-extension": "always",
    "property-no-vendor-prefix": [
      true,
      {
        "ignoreProperties": ["text-size-adjust", "appearance"]
      }
    ],
    "value-keyword-case": [
      "lower",
      {
        "ignoreKeywords": [
          "CanvasText",
          "Canvas",
          "LinkText",
          "VisitedText",
          "ActiveText",
          "ButtonFace",
          "ButtonText",
          "ButtonBorder",
          "Field",
          "FieldText",
          "Highlight",
          "HighlightText",
          "SelectedItem",
          "SelectedItemText",
          "Mark",
          "MarkText",
          "GrayText",
          "AccentColor",
          "AccentColorText"
        ]
      }
    ],
    "number-max-precision": 12,
    "value-no-vendor-prefix": [true, { "ignoreValues": ["box"] }]
  }
}