Skip to content

Commit 0814dc4

Browse files
committed
Disable shake for users with reduced motion preference
For users with reduced motion settings enabled, disable the CSS shake animation for invalid input.
1 parent c0a1ca4 commit 0814dc4

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/style/_mixins.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -170,4 +170,8 @@ $browser-context: 16;
170170
animation: shake .4s 1;
171171
border-color: $_color-delete;
172172
background: lighten($_color-delete, 35%);
173+
174+
@media (prefers-reduced-motion) {
175+
animation: none;
176+
}
173177
}

0 commit comments

Comments
 (0)