/*doc
---
title: Button groups
name: button_groups
category: Components
---

```html_example_table
<div class="btn-group" role="group">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>

<div class="btn-group-vertical btn-block" role="group">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>
```
*/

.input-group-btn:last-child > .btn-group {
  margin-left: 0;

  .btn-default {
    border-color: $gray-lighten;
  }
}

.btn-group-vertical {
  .btn {
    text-align: left;
  }
}