Check prefers-reduced-motion variable before adding reduced motion me…

…dia query for animated progress bars (#28530)
twbs · Mar 27, 2019 · 3ab0441 · 3ab0441
1 parent 60f31b3
commit 3ab0441
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/scss/_progress.scss b/scss/_progress.scss
@@ -36,8 +36,10 @@
   .progress-bar-animated {
     animation: progress-bar-stripes $progress-bar-animation-timing;
 
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
+    @if $enable-prefers-reduced-motion-media-query {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
     }
   }
 }