Make spinners speed adjustable (#30154)

diff --git a/scss/_spinners.scss b/scss/_spinners.scss
index 364a5c1a65f71e0828a23752934a95e42e511236..ac4d4c31b85d535aa3d65f8f58d825476d13f7ca 100644 (file)
--- a/scss/_spinners.scss
+++ b/scss/_spinners.scss
@@ -15,7 +15,7 @@
   border-right-color: transparent;
   // stylelint-disable-next-line property-blacklist
   border-radius: 50%;
-  animation: spinner-border .75s linear infinite;
+  animation: spinner-border $spinner-animation-speed linear infinite;
 }
 
 .spinner-border-sm {
@@ -46,7 +46,7 @@
   // stylelint-disable-next-line property-blacklist
   border-radius: 50%;
   opacity: 0;
-  animation: spinner-grow .75s linear infinite;
+  animation: spinner-grow $spinner-animation-speed linear infinite;
 }
 
 .spinner-grow-sm {

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 3bbf6bf321dc57fde5ab49fd967bb224d54a92ba..7501c3a29bf45b369546de94efb1ea4ace544843 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1208,9 +1208,10 @@ $carousel-transition:                transform $carousel-transition-duration eas
 
 // Spinners
 
-$spinner-width:         2rem !default;
-$spinner-height:        $spinner-width !default;
-$spinner-border-width:  .25em !default;
+$spinner-width:           2rem !default;
+$spinner-height:          $spinner-width !default;
+$spinner-border-width:    .25em !default;
+$spinner-animation-speed: .75s !default;
 
 $spinner-width-sm:        1rem !default;
 $spinner-height-sm:       $spinner-width-sm !default;