X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=scss%2Fbootstrap%2F_spinners.scss;fp=scss%2Fbootstrap%2F_spinners.scss;h=7d8fba7a11b8c2a2f92e4490b3cd715487f33f5b;hp=146c820675b0c3bb750a9a0c36e10f5e775f2117;hb=b1da0768aed0ffc12b300174eff724a412fad487;hpb=2b33573f81a301e8ee55ba2bbb872b7edd18f4f6

diff --git a/scss/bootstrap/_spinners.scss b/scss/bootstrap/_spinners.scss
index 146c820675..7d8fba7a11 100644
--- a/scss/bootstrap/_spinners.scss
+++ b/scss/bootstrap/_spinners.scss
@@ -15,7 +15,7 @@
   border-right-color: transparent;
   // stylelint-disable-next-line property-disallowed-list
   border-radius: 50%;
-  animation: spinner-border .75s linear infinite;
+  animation: .75s linear infinite spinner-border;
 }
 
 .spinner-border-sm {
@@ -47,10 +47,19 @@
   // stylelint-disable-next-line property-disallowed-list
   border-radius: 50%;
   opacity: 0;
-  animation: spinner-grow .75s linear infinite;
+  animation: .75s linear infinite spinner-grow;
 }
 
 .spinner-grow-sm {
   width: $spinner-width-sm;
   height: $spinner-height-sm;
 }
+
+@if $enable-prefers-reduced-motion-media-query {
+  @media (prefers-reduced-motion: reduce) {
+    .spinner-border,
+    .spinner-grow {
+      animation-duration: 1.5s;
+    }
+  }
+}