@perfma/heaven/es/button/index.less

An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.

/* stylelint-disable eslint-disable */
@import '~antd/es/button/style/index.less';
@import '../style/vars.less';

// Button
.@{ant-prefix}-btn:not(.@{ant-prefix}-btn-primary):not(.@{ant-prefix}-btn-dangerous):not([disabled]):not(.@{ant-prefix}-btn-link):not(.@{ant-prefix}-btn-text):not(.@{ant-prefix}-btn-background-ghost):not(:hover):not(.@{ant-prefix}-btn-dashed-highlight) {
  color: @text-color-blue;
}
.@{ant-prefix}-btn > .anticon + span,
.@{ant-prefix}-btn > span + .anticon {
  margin-left: 4px;
}
.@{ant-prefix}-btn:not(.@{ant-prefix}-btn-icon-only):not(.@{ant-prefix}-btn-link):not(.@{ant-prefix}-btn-text):not(.@{ant-prefix}-btn-circle) {
  min-width: 72px;
  padding-left: 16px;
  padding-right: 16px;
}
.@{ant-prefix}-btn-lg:not(.@{ant-prefix}-btn-icon-only):not(.@{ant-prefix}-btn-link):not(.@{ant-prefix}-btn-text):not(.@{ant-prefix}-btn-circle) {
  min-width: 76px;
  padding-left: 16px;
  padding-right: 16px;
}
.@{ant-prefix}-btn-sm:not(.@{ant-prefix}-btn-icon-only):not(.@{ant-prefix}-btn-link):not(.@{ant-prefix}-btn-text):not(.@{ant-prefix}-btn-circle) {
  min-width: 56px;
  padding-left: 12px;
  padding-right: 12px;
}
.@{ant-prefix}-btn-dashed-highlight{
  color:@primary-color;
  border-color:@primary-color;
}
.@{ant-prefix}-btn-primary{
  &:active,&:hover{
    border-color: #214fd9;
    background: #214fd9;
  }
}
.@{ant-prefix}-btn[disabled]{
  opacity: 50%;
 
}
// heaven-btn-dashed-highlight
// .@{ant-prefix}-btn.@{ant-prefix}-btn-text {
//   display: flex;
//   align-items: center;
// }
.@{ant-prefix}-btn.@{ant-prefix}-btn-link {
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
}
.@{ant-prefix}-btn {
  text-shadow: none !important;
  box-shadow: none !important;
}
.@{ant-prefix}-btn-icon-only {
  min-width: 0;
}

.@{ant-prefix}-btn-group{
  .@{ant-prefix}-btn-primary {
    + .@{ant-prefix}-btn-primary {
      margin-left: 1px;
    }
    &:first-child:not(:last-child) {
      border-right-color: @primary-color;
    }
    &:last-child:not(:first-child) {
      &, .ant-btn-group .ant-btn-primary + .ant-btn-primary {
        border-left-color: @primary-color;
      }
    }
  }
}

.@{ant-prefix}-btn-sm {
  border-radius: 2px;
}

// TODO
// .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-dangerous, .@{ant-prefix}-btn-primary, .@{ant-prefix}-btn-link, [disabled]):hover,
// .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-dangerous, .@{ant-prefix}-btn-primary, .@{ant-prefix}-btn-link, [disabled]):focus {
//   color: #0070d1;
//   border-color: #8f9aae;
// }
// .@{ant-prefix}-btn-dangerous:not([disabled]):hover,
// .@{ant-prefix}-btn-dangerous:not(.@{ant-prefix}-btn-link):hover,
// .@{ant-prefix}-btn-dangerous:not([disabled]):focus,
// .@{ant-prefix}-btn-dangerous:not(.@{ant-prefix}-btn-link):focus {
//   color: #b82920;
//   border-color: #b82920;
// }