Reduce motion when the user requests it
This commit is contained in:
parent
18ac4f9fbb
commit
c18e408db7
1 changed files with 11 additions and 0 deletions
|
@ -32,6 +32,17 @@ body {
|
|||
background-color: $dark-mode-background;
|
||||
color: $dark-mode-text;
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
|
|
Loading…
Reference in a new issue