fix(a11y/theme): disable transitions if user prefers reduced motion

vuejs · Aug 9, 2023 · fc5092f · fc5092f
1 parent 436e99a
commit fc5092f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/client/theme-default/styles/base.css b/src/client/theme-default/styles/base.css
@@ -1,3 +1,17 @@
+@media (prefers-reduced-motion: reduce) {
+  *,
+  ::before,
+  ::after {
+    animation-delay: -1ms !important;
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+    background-attachment: initial !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0s !important;
+    transition-delay: 0s !important;
+  }
+}
+
 *,
 ::before,
 ::after {