design-token/blur

Enforces blur() values in filter or backdrop-filter to match the blur tokens defined in your configuration.

Configuration

{
  "tokens": {
    "blurs": { "sm": "4px" }
  },
  "rules": { "design-token/blur": "error" }
}

Examples

Invalid

.box { filter: blur(2px); }

Valid

.box { filter: blur(4px); }