Files
livewire-material/tests/Fixtures/design-guard/css-lists/lists.css
T
Andreas Reinhold / reiniandClaude Opus 5 d557dd9b49 Accept a list of token values in the guard, and quote what was written
A transition-duration or -timing-function listing one token per property
(a spatial spring for scale, an effects spring for opacity) was reported
as literal: blanking each var() left a bare comma, which is not one of
the safe values. Every item of a list is now checked on its own. A
message also quoted the blanked shell, `var(      ), 200ms`; it now
quotes the declaration as written. SealShare's drop zone found it
(plan step 46).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-15 13:48:59 +02:00

11 lines
484 B
CSS

/* A list of values, each from a token, is fine; one literal in the list is not. */
.fine-list {
transition-duration: var(--md-sys-motion-spatial-slow-duration), var(--md-sys-motion-effects-slow-duration);
transition-timing-function: var(--md-sys-motion-spatial-slow), var(--md-sys-motion-effects-slow);
}
.mixed-list {
transition-duration: var(--md-sys-motion-spatial-slow-duration), 200ms;
transition-timing-function: var(--md-sys-motion-spatial-slow), ease-out;
}