feat(css): prefers-reduced-motion-Block inkl. View-Transition-Pseudos

This commit is contained in:
2026-06-13 20:30:26 +02:00
parent bb0c490cc7
commit a6d14f9267
+19
View File
@@ -2444,3 +2444,22 @@ body.show-desc .bm-desc { display: block; }
.modal { width: calc(100vw - 32px); } .modal { width: calc(100vw - 32px); }
} }
/* =============================================
prefers-reduced-motion — UNGESCHICHTET (kein @layer).
Ungeschichtete Regeln gewinnen ueber alle Layer.
Kappt alle Transitions/Animationen inkl. der
View-Transition-Pseudo-Elemente (der *-Selektor
trifft sie nicht zuverlaessig, daher explizit).
============================================= */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
transition: none !important;
animation: none !important;
}
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
animation: none !important;
}
}