Skip to content

Commit 445397d

Browse files
authored
Add: prefers-reduced-motion support for WCAG compliance (#75)
1 parent 7e66041 commit 445397d

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

src/css/animations.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,15 @@
11
@layer animations {
2+
@media (prefers-reduced-motion: reduce) {
3+
*,
4+
*::before,
5+
*::after {
6+
animation-duration: 0.01ms !important;
7+
animation-iteration-count: 1 !important;
8+
transition-duration: 0.01ms !important;
9+
scroll-behavior: auto !important;
10+
}
11+
}
12+
213
/* Pop-in animation for modals/overlays - swings from above */
314
.animate-pop-in {
415
opacity: 1;

0 commit comments

Comments
 (0)