Feat: disable transitions if refers-reduced-motion is enabled

orestbida · Apr 20, 2023 · fbfd628 · fbfd628
1 parent b2b1680
commit fbfd628
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/cookieconsent.css b/src/cookieconsent.css
@@ -1132,6 +1132,15 @@ html.force--consent.show--consent body{
 }
 /* end positions */
 
+/* Disable transitions if prefers-reduced-motion detected */
+@media (prefers-reduced-motion) {
+    #cc--main #cm,
+    #cc--main #s-cnt,
+    #cc--main #s-inr{
+        transition: none!important;
+    }
+}
+
 @media screen and (max-width: 688px) {
 
     #cm,