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

1 year ago · fc5092fb65
parent 436e99a594
commit fc5092fb65
1 changed files with 14 additions and 0 deletions
--- 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 {