@import "~bootstrap/scss/button-group";

// Sizing
.btn-group-xs > .btn {
  @extend .btn-xs !optional;
}

.x-btn-group-toggle {
  @extend .btn-group-toggle;
  > .btn {
    @extend .btn-sm,
            .rounded,
            .px-2;

    line-height: 1;

    @include hover-focus-active {
      @include box-shadow(none);
    }

    .x-icon {
      @extend .x-icon-md;
    }
  }
}