support reduced motion
This commit is contained in:
parent
555d2c4fc1
commit
ec503b12b9
|
@ -4,7 +4,6 @@
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
scroll-behavior: smooth;
|
|
||||||
background: var(--ui-background);
|
background: var(--ui-background);
|
||||||
color: var(--ui-text);
|
color: var(--ui-text);
|
||||||
}
|
}
|
||||||
|
|
|
@ -40,4 +40,23 @@ blockquote:before, blockquote:after,
|
||||||
q:before, q:after {
|
q:before, q:after {
|
||||||
content: '';
|
content: '';
|
||||||
content: none;
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
html:focus-within {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
html:focus-within {
|
||||||
|
scroll-behavior: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
scroll-behavior: auto !important;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue