Spinner alignment changes

diff --git a/scss/_spinners.scss b/scss/_spinners.scss
index 8e19bae514b8fe67bd6e3de19821d6c18e7296df..a4a2c77cf6783fd5e61837fb257359fce4dff511 100644 (file)
--- a/scss/_spinners.scss
+++ b/scss/_spinners.scss
@@ -12,7 +12,7 @@
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
-  vertical-align: text-bottom;
+  vertical-align: $spinner-vertical-align;
   border: $spinner-border-width solid currentColor;
   border-right-color: transparent;
   // stylelint-disable-next-line property-disallowed-list
@@ -46,7 +46,7 @@
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
-  vertical-align: text-bottom;
+  vertical-align: $spinner-vertical-align;
   background-color: currentColor;
   // stylelint-disable-next-line property-disallowed-list
   border-radius: 50%;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 8e36bd59b1a25eeadc1fbc52f1316d8a1504b0c3..4c7ce3b0bc3cd1d6e6bd2402010fa5c1f17cef69 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1406,6 +1406,7 @@ $carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default;
 // scss-docs-start spinner-variables
 $spinner-width:           2rem !default;
 $spinner-height:          $spinner-width !default;
+$spinner-vertical-align:  -.125em !default;
 $spinner-border-width:    .25em !default;
 $spinner-animation-speed: .75s !default;