Fix caret alignment (#25719)

twbs · Mar 12, 2018 · 50220ac · 50220ac
1 parent 21061a0
commit 50220ac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/scss/_button-group.scss b/scss/_button-group.scss
@@ -76,9 +76,15 @@
   padding-right: $btn-padding-x * .75;
   padding-left: $btn-padding-x * .75;
 
-  &::after {
+  &::after,
+  .dropup &::after,
+  .dropright &::after {
     margin-left: 0;
   }
+
+  .dropleft &::before {
+    margin-right: 0;
+  }
 }
 
 .btn-sm + .dropdown-toggle-split {

diff --git a/scss/mixins/_caret.scss b/scss/mixins/_caret.scss
@@ -14,6 +14,7 @@
 
 @mixin caret-right {
   border-top: $caret-width solid transparent;
+  border-right: 0;
   border-bottom: $caret-width solid transparent;
   border-left: $caret-width solid;
 }