Removing transiations and animation for progress bars and carousels

twbs · Feb 21, 2018 · 3682d53 · 3682d53
1 parent 233b658
commit 3682d53
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/scss/_carousel.scss b/scss/_carousel.scss
@@ -77,6 +77,10 @@
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
+
+    @media screen and (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
   }
 
   .carousel-item.active,

diff --git a/scss/_progress.scss b/scss/_progress.scss
@@ -31,4 +31,8 @@
 
 .progress-bar-animated {
   animation: progress-bar-stripes $progress-bar-animation-timing;
+
+  @media screen and (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
 }