design-token/outline

Enforces outline values to match the outline tokens defined in your configuration.

Configuration

{
  "tokens": {
    "outlines": { "focus": "2px solid #000" }
  },
  "rules": { "design-token/outline": "error" }
}

Examples

Invalid

.box { outline: 3px solid #000; }

Valid

.box { outline: 2px solid #000; }