feat(styles): manage animations by user settings (#1996)

Co-authored-by: kseniyakuzina <[email protected]>
gravity-ui · Dec 17, 2024 · 19ca365 · 19ca365
1 parent 03b5dbf
commit 19ca365
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/styles/styles.scss b/styles/styles.scss
@@ -73,3 +73,18 @@
 :root:has(body.g-root_theme_dark-hc) {
     color-scheme: dark;
 }
+
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        /* stylelint-disable-next-line declaration-no-important */
+        scroll-behavior: auto !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        transition-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-iteration-count: 1 !important;
+    }
+}