@import "../mixins/index";
@btnPrefixClass: ~"@{css-prefix}btn";

// Button styles
// -----------------------------
.@{btnPrefixClass} {
  .btn;

  &-primary {
    .btn-primary;
    
    .@{btnPrefixClass}-group &:not(:first-child):not(:last-child) {
      border-right-color: #00abea;
      border-left-color: #00abea;
    }

    .@{btnPrefixClass}-group &:first-child {
      &:not(:last-child) {
        border-right-color: #00abea;
      }
    }

    .@{btnPrefixClass}-group &:last-child:not(:first-child) {
      border-left-color: #00abea;
    }
  }

  &-default {
    .btn-default;
  }

  &-ghost {
    .btn-ghost;
  }

  &-circle, &-circle-outline {
    .btn-circle(@btnPrefixClass);
  }

  &-circle-outline {
    .btn-circle-outline;
  }

  &-menu {
    > .@{iconfont-css-prefix} {
      top: -1px;
      font-size: 12px;
      font-size: 10px \9; // ie8-9
      .scale(0.83);

      :root & {
        font-size: 12px; // reset ie9 and above
      }
    }
  }

  &-group {
    .btn-group(@btnPrefixClass);
  }
}