Only target needed elements for transitioning, more fail-proof reduced motion setting

2024-05-09 23:32:09 +03:00
parent 1f7dab1f59
commit b7b95e6653
11 changed files with 38 additions and 24 deletions
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@ -38,10 +38,12 @@
 	--transition: 0.2s;

 	@media (prefers-reduced-motion) {
-		// VARIABLES
-		--transition-long: 0;
-		--transition-longer: 0;
-		--transition: 0;
+		*,
+		*::before,
+		*::after {
+			animation: none !important;
+			transition: none !important;
+		}
 	}

 	@media (prefers-color-scheme: dark) {