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

orestbida · Apr 20, 2023 · 8a34f86 · 8a34f86
1 parent 359478b
commit 8a34f86
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/scss/core/_base.scss b/src/scss/core/_base.scss
@@ -29,6 +29,7 @@
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  z-index: var(--cc-z-index);
+ position: fixed;
 
  &.cc--rtl{
  direction: rtl;
@@ -106,4 +107,11 @@ html.disable--interaction{
  height: auto!important;
  overflow: hidden!important;
  }
+}
+
+// disable transition if prefers-reduced-motion detected
+@media (prefers-reduced-motion) {
+ #cc-main {
+ --cc-modal-transition-duration: 0s;
+ }
 }