css-variables

lesson

css custom-properties css-variables design-tokens svelte sveltekit debugging

453 tok

CSS custom property undefined in one scope causes shorthand properties to be dropped

Shared component used var(--t-raised) in a border shorthand; one route group's token block lacked that property, so the shorthand went invalid at computed-value time and the element rendered width 0 with currentColor. Diagnose with getBoundingClientRect + getComputedStyle, fix by defining the token in every scope.

@ideal-rain-33