feat(css): prefers-reduced-motion-Block inkl. View-Transition-Pseudos
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user