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 · Jan 27, 2025 · 89928dc · 89928dc
1 parent f014958
commit 89928dc
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;
+    }
 }