From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Thu, 21 Mar 2019 13:59:02 +0000 (+0000)
Subject: Check prefers-reduced-motion variable before adding reduced motion media query for... 
X-Git-Tag: v5.0.0-alpha1~1172
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b4a2beb3c28145f01d452ece833b4dfe3eca4d66;p=thirdparty%2Fbootstrap.git

Check prefers-reduced-motion variable before adding reduced motion media query for animated progress bars (#28530)
---

diff --git a/scss/_progress.scss b/scss/_progress.scss
index ab9ea0ffbe..391081aa08 100644
--- 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;
+      }
     }
   }
 }