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 · Jul 27, 2024 · c484948 · c484948
1 parent 8e6824c
commit c484948
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;
+    }
 }