//
// Buttons
// --------------------------------------------------


// Button loading style
.btn.btn-loading {
  &, &:link, &:active, &:visited, &:hover, &:focus {
    // make text transparent, but still take place in button
    color: transparent;

    // position loader over the text
    .loader-compact {
      height: 20px;
      margin-top: -20px;

      & > div {
        width: 20px;
        height: 20px;
      }
    }
  }

  &.btn-default .loader-compact > div {
    border-top-color: @btn-default-color;
    border-bottom-color: @btn-default-color;
  }

  &.btn-primary .loader-compact > div {
    border-top-color: @btn-primary-color;
    border-bottom-color: @btn-primary-color;
  }

  &.btn-success .loader-compact > div {
    border-top-color: @btn-success-color;
    border-bottom-color: @btn-success-color;
  }

  &.btn-info .loader-compact > div {
    border-top-color: @btn-info-color;
    border-bottom-color: @btn-info-color;
  }

  &.btn-warning .loader-compact > div {
    border-top-color: @btn-warning-color;
    border-bottom-color: @btn-warning-color;
  }

  &.btn-danger .loader-compact > div {
    border-top-color: @btn-danger-color;
    border-bottom-color: @btn-danger-color;
  }
}