fix(button-group): rtl margin and border-radius

Author: xidedix

scss/_button-group.scss

@@ -0,0 +1,29 @@
+// stylelint-disable selector-no-qualifying-type
+
+*[dir="rtl"] {
+  .btn-group {
+    // Prevent double borders when buttons are next to each other
+    > .btn:not(:first-child),
+    > .btn-group:not(:first-child) {
+      margin-right: -$btn-border-width;
+    }
+
+    // Reset rounded corners
+    > .btn:not(:last-child):not(.dropdown-toggle),
+    > .btn-group:not(:last-child) > .btn {
+      @include border-radius($border-radius, 0);
+      @include border-left-radius(0);
+    }
+
+    > .btn:not(:first-child),
+    > .btn-group:not(:first-child) > .btn {
+      @include border-radius($border-radius, 0);
+      @include border-right-radius(0);
+    }
+
+    > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+      @include border-left-radius(0);
+      @include border-right-radius(0);
+    }
+  }
+}

scss/coreui.scss

@@ -29,6 +29,7 @@
 @import "breadcrumb";
 @import "brand-card";
 @import "brand-buttons";
+@import "button-group";
 @import "buttons";
 @import "callout";
 @import "card";