HTML i CSS · Senior · Pytanie 71 z 75
Po co dzielić tokeny projektowe na warstwę prymitywną i semantyczną?
--blue-600: oklch(0.55 0.2 260); /* primitive */
--color-action: var(--blue-600); /* semantic */- ✓Poprawna odpowiedź: Komponenty używają tokenów według znaczenia, więc motywy i rebranding zmieniają mapowanie, a nie każdy komponent
- 2Tokeny prymitywne renderują się szybciej
- 3Przeglądarki wymagają dwóch poziomów zmiennych
Wyjaśnienie
Tryb ciemny lub nowa marka tylko przemapowują --color-action. Komponenty odwołujące się bezpośrednio do --blue-600 wymagałyby edycji wszystkich.