From deaae643922cea7137233e592366e4b3a2bcde4a Mon Sep 17 00:00:00 2001 From: daudix Date: Wed, 3 Apr 2024 00:46:32 +0300 Subject: [PATCH] Respect prefers-reduced-motion for transitions --- sass/_variables.scss | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/sass/_variables.scss b/sass/_variables.scss index 10cf997..a174282 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -35,12 +35,18 @@ --transition-long: 800ms; --transition-longer: 400ms; --transition: 200ms; -} -@media (prefers-color-scheme: dark) { - :root { + @media (prefers-reduced-motion) { + // VARIABLES + --transition-bezier: 0; + --transition-long: 0; + --transition-longer: 0; + --transition: 0; + } + + @media (prefers-color-scheme: dark) { color-scheme: dark; - + // COLORS --bg-color: var(--bg-color-d); --fg-color: rgb(255, 255, 255);