bytelyst/learning_ai_notes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): add prefers-reduced-motion media query for accessibility

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-28 00:38:47 -07:00
parent f05b7474f3
commit 926c3b4b12
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/app/globals.css
View File

@ -215,6 +215,16 @@ button {
border-width: 0; border-width: 0;
} }
/* Respect user motion preference */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* Respect OS dark/light preference */ /* Respect OS dark/light preference */
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) { :root:not([data-theme="dark"]) {