Niezdefiniowana zmienna CSS

Co powoduje ten błąd

Funkcja var() odwołuje się do niestandardowej właściwości (--my-var), która nie jest zdefiniowana w bieżącym zakresie ani w żadnym elemencie nadrzędnym. Niestandardowe właściwości podlegają regułom dziedziczenia i zakresu CSS.

Jak to naprawić

Zdefiniuj niestandardową właściwość na :root lub odpowiednim elemencie nadrzędnym. Użyj wartości rezerwowej: var(--my-var, fallback). Sprawdź literówki w nazwie niestandardowej właściwości.

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