:root {
/* region durations: cem-duration-[bucket] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion durations */
/* region easings: cem-easing-[intent] */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion easings */
}
/* region prefers-reduced-motion: shorten durations, preserve ordering */
@media (prefers-reduced-motion: reduce) {
:root {
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
}
}
/* endregion prefers-reduced-motion */
cem-timing-durations — duration scale
Token
Value
Tier
Demo
Description
{$token}
{$value}
{$tier}
{$desc}
cem-timing-easings — easing curves
Token
Value
Tier
Demo
Description
{$token}
{$value}
{$tier}
{$desc}
cem-timing-reduced-motion — prefers-reduced-motion overrides
Token
Reduced value
Description
{$token}
{$value}
{$desc}
{$css-body}