@bee-design/ui/es/Input/style/search.less

Bee Design React UI Library.

.@{input-prefix-cls}-search.@{input-prefix-cls}-group-wrapper {
  .@{input-prefix-cls}-group-addbefore {
    transition: all @transition-duration-1 @transition-timing-function-linear;
  }

  .@{input-prefix-cls}-group-addafter {
    padding: 0;
    border: none;
  }

  .@{input-prefix-cls}-group-suffix {
    color: @search-color-icon;
    font-size: @search-size-icon;
  }

  &:not(.@{input-prefix-cls}-disabled) {
    .@{input-prefix-cls}-group-addbefore {
      cursor: pointer;
      color: @search-color-icon;
      font-size: @search-size-icon;
    }
  }

  .@{input-prefix-cls}-search-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
    font-size: @search-size-icon;
    color: @search-button-color-text;
  }
}

.@{input-prefix-cls}-search-button {
  .@{input-prefix-cls}-inner-wrapper:not(.@{input-prefix-cls}-inner-wrapper-rtl) {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}