Use $border-width for .btn-group margins that make borders overlap

Fixes half of #18425
[skip sauce]
[skip validator]

diff --git a/scss/_button-group.scss b/scss/_button-group.scss
index d85c637679f2fb2d4bf5909ca86a9ad412b65a11..7eebd380ba5e7b0dd84834d721e840c4fb888810 100644 (file)
--- a/scss/_button-group.scss
+++ b/scss/_button-group.scss
@@ -27,7 +27,7 @@
   .btn + .btn-group,
   .btn-group + .btn,
   .btn-group + .btn-group {
-    margin-left: -1px;
+    margin-left: -$border-width;
   }
 }
 
@@ -167,7 +167,7 @@
   > .btn + .btn-group,
   > .btn-group + .btn,
   > .btn-group + .btn-group {
-    margin-top: -1px;
+    margin-top: -$border-width;
     margin-left: 0;
   }
 }