@import "~iview/src/styles/mixins/button.less";
.ht-base-button {
  &.ivu-btn{
    height:32px;
    &.ivu-btn-small {
      height: 24px;
    }
    &.ivu-btn-large{
      height: 40px;
    }
    &.underline{
      text-decoration:underline
    }
    &.ivu-btn-text {
      padding: 0;
    }
  }
  &.ivu-btn:hover {
    color: @primary-5;
    border-color: @primary-5;
  }
  &.ivu-btn:active {
    color: @primary-7;
    border-color: @primary-7;
  }
  &.ivu-btn:focus {
    box-shadow: none;
  }
  &.ivu-btn-primary:hover {
    color: @white;
    background-color: @primary-5;
    border-color: @primary-5;
  }
  &.ivu-btn-primary:active {
    color: @white;
    background-color: @primary-7;
    border-color: @primary-7;
  }
  &.ivu-btn-success:hover {
    color: @white;
    background-color: @success-5;
    border-color: @success-5;
  }
  &.ivu-btn-success:active {
    color: @white;
    background-color: @success-7;
    border-color: @success-7;
  }
  &.ivu-btn-info:hover {
    color: @white;
    background-color: @info-5;
    border-color: @info-5;
  }
  &.ivu-btn-info:active {
    color: @white;
    background-color: @info-7;
    border-color: @info-7;
  }
  &.ivu-btn-error:hover {
    color: @white;
    background-color: @error-5;
    border-color: @error-5;
  }
  &.ivu-btn-error:active {
    color: @white;
    background-color: @error-7;
    border-color: @error-7;
  }
  &.ivu-btn-warning:hover {
    color: @white;
    background-color: @warning-5;
    border-color: @warning-5;
  }
  &.ivu-btn-warning:active {
    color: @white;
    background-color: @warning-7;
    border-color: @warning-7;
  }
  &.ivu-btn-text.ivu-btn:hover {
    color: @primary-5;
    border-color: transparent;
  }
  &.ivu-btn-text.ivu-btn:active {
    color: @primary-7;
    border-color: transparent;
  }
  &.ivu-btn-back {
    color: @white;
    background-color: @sub-color;
    border-color: @sub-color;
  }
  &.ivu-btn-back:hover {
    color: @white;
    background-color: @disabled-color;
    border-color: @disabled-color;
  }
  &.ivu-btn-back:active {
    color: @white;
    background-color: @text-color;
    border-color: @text-color;
  }
  &.ivu-btn[disabled] {
    color: @disabled-color;
    background-color: @background-color-base;
    border-color: @border-color-base;
  }
  &.relief {
    background: linear-gradient(@primary-5, @primary-color);
    border-color: @primary-color;
  }
  &.relief:hover {
    background: linear-gradient(@primary-3, @primary-5);
    border-color: @primary-5;
  }
  &.relief:active {
    background: linear-gradient(@primary-color, @primary-7);
    border-color: @primary-7;
  }
  .ht-base-LiRa_left{
    margin-right: 6px;
  }
  .ht-base-LiRa_right{
    margin-left: 6px;
  }
}
.ht-base-button.ivu-btn.underline:hover {
  text-decoration: underline;
}
