respect prefers-reduce-motion flag
This commit is contained in:
parent
1e32d6cf09
commit
788c880bbb
1 changed files with 8 additions and 0 deletions
|
@ -571,6 +571,10 @@ nav > ul {
|
||||||
--transition-glow: filter 150ms cubic-bezier(0,1.7,1,-0.3) 50ms,
|
--transition-glow: filter 150ms cubic-bezier(0,1.7,1,-0.3) 50ms,
|
||||||
border-color 150ms cubic-bezier(0,1.7,1,-0.3) 50ms;
|
border-color 150ms cubic-bezier(0,1.7,1,-0.3) 50ms;
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
--transition-glow: filter 150ms, border-color 150ms;
|
||||||
|
}
|
||||||
|
|
||||||
.light-only {
|
.light-only {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -602,6 +606,10 @@ nav > ul {
|
||||||
--transition-glow: filter 150ms cubic-bezier(0, 2, 1, -0.7) 50ms,
|
--transition-glow: filter 150ms cubic-bezier(0, 2, 1, -0.7) 50ms,
|
||||||
border-color 150ms cubic-bezier(0, 2, 1, -0.7) 50ms;
|
border-color 150ms cubic-bezier(0, 2, 1, -0.7) 50ms;
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
--transition-glow: filter 150ms, border-color 150ms;
|
||||||
|
}
|
||||||
|
|
||||||
.light-only {
|
.light-only {
|
||||||
display: initial;
|
display: initial;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue