mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-10 21:32:18 +00:00
fix(a11y): add a global prefers-reduced-motion backstop
Per-component motion-reduce gating stays in place with its tailored static fallbacks; this adds a defensive catch-all so any animation or transition that misses a per-component guard still collapses to near- instant under reduced motion. Near-zero rather than zero keeps animation/transition-end listeners firing so state machines don't stall.
This commit is contained in:
1 parent
1eb143fad4
commit
722af87382
1 file changed
+18
@@ -889,3 +889,21 @@
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Global reduced-motion backstop ──────────────────────────────────
|
||||
* Defensive catch-all so any animation/transition we forget to gate
|
||||
* per-component still collapses to near-instant when the user has asked
|
||||
* for reduced motion. The per-component blocks above stay — they carry
|
||||
* tailored static fallbacks (static dots, full-height bars). This is the
|
||||
* floor, not a replacement. Near-zero (not 0) keeps JS animation-end /
|
||||
* transition-end listeners firing so state machines don't stall. */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user