design-token/animation

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

Configuration

{
  "tokens": {
    "animations": { "spin": "spin 1s linear infinite" }
  },
  "rules": { "design-token/animation": "error" }
}

Examples

Invalid

.box { animation: wiggle 2s ease-in-out; }

Valid

.box { animation: spin 1s linear infinite; }