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

2026-06-13 20:30:26 +02:00
parent bb0c490cc7
commit a6d14f9267
1 changed files with 19 additions and 0 deletions
@@ -2444,3 +2444,22 @@ body.show-desc .bm-desc { display: block; }

  .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;
+  }
+}