sync with updated bs

[roojs1] / scss / bootstrap / _spinners.scss

diff --git a/scss/bootstrap/_spinners.scss b/scss/bootstrap/_spinners.scss
index 9489bd8..7d8fba7 100644 (file)
--- a/scss/bootstrap/_spinners.scss
+++ b/scss/bootstrap/_spinners.scss
@@ -10,13 +10,12 @@
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
-  overflow: hidden;
-  text-indent: -999em;
   vertical-align: text-bottom;
   border: $spinner-border-width solid currentColor;
   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 {
@@ -35,6 +34,7 @@
   }
   50% {
     opacity: 1;
+    transform: none;
   }
 }
 
@@ -42,16 +42,24 @@
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
-  overflow: hidden;
-  text-indent: -999em;
   vertical-align: text-bottom;
   background-color: currentColor;
+  // 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;
+    }
+  }
+}