Use smooth scrolling with reduced motion has no preference (#2355)
This commit is contained in:
parent
6cbe79fac4
commit
337413e09e
1 changed files with 7 additions and 3 deletions
|
@ -2,9 +2,7 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
/* Global focus outline reset */
|
/* Global focus outline reset */
|
||||||
*:focus:not(:focus-visible) {
|
*:focus:not(:focus-visible) {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
@ -21,6 +19,12 @@ html {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
|
:root {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
Loading…
Add table
Reference in a new issue