Check prefers-reduced-motion variable before adding reduced motion media query for...

diff --git a/scss/_progress.scss b/scss/_progress.scss
index ab9ea0ffbefcdaff765f22df36367013501359af..391081aa08ad3c7a940d62d0c084d8a0f6430e8f 100644 (file)
--- 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;
+      }
     }
   }
 }