From ee9fe64e8d260f6eab716b771cc662b296b9c4a1 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sun, 4 Apr 2021 11:44:30 -0700
Subject: [PATCH] Spinner alignment changes

---
 scss/_spinners.scss  | 4 ++--
 scss/_variables.scss | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/scss/_spinners.scss b/scss/_spinners.scss
index 8e19bae514b8..a4a2c77cf678 100644
--- 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 8e36bd59b1a2..4c7ce3b0bc3c 100644
--- 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;