no-oversized-css-custom-property-values
Warn when CSS custom properties hide large shadow, filter, blur, or gradient values that can later be reused widely.
What this catchesโ
- custom properties with too many expensive rendering functions
- shadow/filter/gradient token values with oversized comma-separated layer lists
Rule optionsโ
| Option | Default | Why |
|---|---|---|
maxFunctions | 8 | Allows richer design tokens but catches tokens hiding large rendering pipelines. |
maxListItems | 10 | Allows normal layered tokens but catches very large shadow, filter, or gradient lists. |
{
"css-performance-budget/no-oversized-css-custom-property-values": [
true,
{
"maxFunctions": 8,
"maxListItems": 10
}
]
}