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;
|
background-color: $dark-mode-background;
|
||||||
color: $dark-mode-text;
|
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 {
|
main {
|
||||||
|
|
Loading…
Reference in a new issue