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

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

@import '~antd/es/input/style/index.less';
@import '../style/vars.less';

// Input
.@{ant-prefix}-input-suffix {
  line-height: 1;
}
.@{ant-prefix}-input-prefix,
.@{ant-prefix}-input-suffix,
.@{ant-prefix}-input-clear-icon {
  font-size: 14px;
  .anticon {
    color: #b6b6b6;
  }
}
.@{ant-prefix}-input-affix-wrapper-sm {
  .@{ant-prefix}-input-suffix,
  .@{ant-prefix}-input-clear-icon {
    font-size: 12px;
  }
}
.@{ant-prefix}-input-search
  > .@{ant-prefix}-input-group
  > .@{ant-prefix}-input-group-addon:last-child
  .@{ant-prefix}-input-search-button {
  min-width: 0;
}
.text-placeholder {
  color: #bbc7d4;
}

.@{ant-prefix}-input-textarea.@{ant-prefix}-input-textarea-show-count {
  position: relative;
}
.@{ant-prefix}-input-textarea-show-count::after {
  position: absolute;
  right: 11px;
  bottom: 1px !important;
  background: #fff;
  color: #bbc7d4;
  font-size: 14px;
}
.@{ant-prefix}-input-textarea-show-count.@{ant-prefix}-input-textarea-disabled::after {
  background: inherit;
}
.@{ant-prefix}-form-item .@{ant-prefix}-input-textarea-show-count::after {
  bottom: 23px !important;
}

.@{ant-prefix}-input-textarea textarea {
  resize: none;
}
.@{ant-prefix}-input-textarea textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.@{ant-prefix}-input-textarea textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.@{ant-prefix}-input-textarea textarea::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #c3c3c3;
}

.@{ant-prefix}-input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

.@{ant-prefix}-input:focus,
.@{ant-prefix}-input-focused,
.@{ant-prefix}-input-affix-wrapper:focus,
.@{ant-prefix}-input-affix-wrapper-focused {
  box-shadow: none !important;
}

// TODO
.@{ant-prefix}-form-item-has-error
  :not(.@{ant-prefix}-input-disabled).@{ant-prefix}-input:focus,
.@{ant-prefix}-form-item-has-error
  :not(.@{ant-prefix}-input-disabled).@{ant-prefix}-input-focused {
  box-shadow: none !important;
}

.@{ant-prefix}-input-prefix,
.@{ant-prefix}-input-suffix {
  color: @black;
}

.@{ant-prefix}-input[type='number'] {
  -moz-appearance: textfield;
}
.@{ant-prefix}-input-textarea-show-count::after {
  float: none;
  position: absolute;
  right: 16px;
  bottom: 8px;
}

textarea.@{ant-prefix}-input{
  padding-bottom: 25px;
}

.@{ant-prefix}-input-group-addon{
  background-color: @btn-disable-color;
}