@import "../../less/base/fn";

button.hui-btn {
  border-width: 0;
  width: 100%;
  outline: 0;
  -webkit-appearance: none;
  &:focus {
    outline: 0;
  }
}

.hui-btn {
  display: block;
  position: relative;
  overflow: hidden;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  font-size: @huiBtnFontSize;
  color: @huiBtnFontColor;
  line-height: unit(@huiBtnHeight/@huiBtnFontSize);
  .hcenter();
  .border-box();
  .border-radius(@huiBtnBorderRadius);
  .setTapColor();

  &:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    transform: scale(.5);
    transform-origin: 0 0;
    .border-box();
    .border-radius(@huiBtnBorderRadius*2);
  }

  &.hui-btn-small + &.hui-btn-small {
    margin-top: auto;
    margin-left: @huiBtnDefaultGap;
  }

  &.hui-btn-small {
    display: inline-block;
    width: auto;
    line-height: @huiBtnMiniHeight;
    font-size: @huiBtnMiniFontSize;
    padding: 0 .75em;
  }

  &.hui-btn-disabled {
    color: @huiBtnDisabledFontColor;
  }
}

.hui-btn + .hui-btn {
  margin-top: @huiBtnDefaultGap;
}

@import "button_primary";
@import "button_danger";
@import "button_default";
@import "button_warn";