.unf-input-wrapper
.unf-select-wrapper
  display inline-block
  position relative
  width 100%


.unf-input
.unf-select
  s-font-body()
  display inline-block
  position relative
  background-image none
  outline 0
  cursor text
  width 100%
  color $input-color
  background-color $input-bg
  border 1px solid $input-border-color
  border-radius $input-border-radius
  transition border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out
  min-height $input-height-default
  &::placeholder
  &-placeholder
    color $input-placeholder-color
  &-small
    padding $input-padding-small
    min-height $input-height-small !important
  &-default
    padding $input-padding-default
  &-large
    padding $input-padding-large
    min-height $input-height-large !important
  &-ellipsis
    s-ellipsis()
  &-disabled
    background-color $input-disabled-bg
    cursor $cursor-disabled
  &-available:hover
    border-color $input-hover-border-color
  &-available:focus
  &-focus
    border-color $input-focus-border-color
  &-suffix-icon // 图标样式
    display flex
    position absolute
    height 100%
    top 0
    right 7px
    align-items center
  &-has-suffix-icon // 容器样式
    padding-right 32px