Disable shake for users with reduced motion preference

For users with reduced motion settings enabled, disable the CSS shake animation for invalid input.
swagger-api · Oct 13, 2024 · 0814dc4 · 0814dc4
1 parent c0a1ca4
commit 0814dc4
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/style/_mixins.scss b/src/style/_mixins.scss
@@ -170,4 +170,8 @@ $browser-context: 16;
     animation: shake .4s 1;
     border-color: $_color-delete;
     background: lighten($_color-delete, 35%);
+
+    @media (prefers-reduced-motion) {
+        animation: none;
+    }
 }