Skip to main content

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โ€‹

OptionDefaultWhy
maxFunctions8Allows richer design tokens but catches tokens hiding large rendering pipelines.
maxListItems10Allows 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
}
]
}