Nedefinovaná CSS proměnná

Co způsobuje tuto chybu

Funkce var() odkazuje na vlastní vlastnost (--my-var), která není definována v aktuálním rozsahu ani u žádného předka. Vlastní vlastnosti se řídí pravidly dědičnosti a rozsahu CSS.

Jak to opravit

Definujte vlastní vlastnost na :root nebo příslušném nadřazeném prvku. Použijte záložní hodnotu: var(--my-var, fallback). Zkontrolujte překlepy v názvu vlastní vlastnosti.

div { color: var(--undefined-var); }