// ## Button Row
// For buttons that align left or right with space between them.

%#{$namespace}button-row,
.#{$namespace}button-row {

  &--left {

    .#{$namespace}button {
      margin-right: spacer(1);

      &:last-child {
        margin-right: 0;
      }
    }
  }

  &--right {
    text-align: right;

    .#{$namespace}button {
      margin-left: spacer(1);

      &:first-child {
        margin-left: 0;
      }
    }
  }

  &--center {
    text-align: center;

    .#{$namespace}button {
      margin-left: spacer(0.5);
      margin-right: spacer(0.5);
    }
  }
}