Move prefers-reduced-motion media query outside of the root
This commit is contained in:
@ -37,15 +37,6 @@
|
|||||||
--transition-longer: 0.4s;
|
--transition-longer: 0.4s;
|
||||||
--transition: 0.2s;
|
--transition: 0.2s;
|
||||||
|
|
||||||
@media (prefers-reduced-motion) {
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
animation: none !important;
|
|
||||||
transition: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
// COLORS
|
// COLORS
|
||||||
--bg-color: var(--bg-color-d);
|
--bg-color: var(--bg-color-d);
|
||||||
@ -70,3 +61,12 @@
|
|||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
animation: none !important;
|
||||||
|
transition: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user