Respect prefers-reduced-motion for transitions

2024-04-03 00:46:32 +03:00
parent 68a0299fe2
commit deaae64392
1 changed files with 10 additions and 4 deletions
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@ -35,10 +35,16 @@
 	--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