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 · Sep 6, 2024 · 65e09f5 · 65e09f5
1 parent 37b8c1a
commit 65e09f5
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;
+    }
 }