design-token/border-color

Enforces border-color values to match the border color tokens defined in your configuration.

Configuration

{
  "tokens": {
    "borderColors": { "primary": "#ffffff" }
  },
  "rules": { "design-token/border-color": "error" }
}

Examples

Invalid

.box { border-color: #000000; }

Valid

.box { border-color: #ffffff; }