@import "../../style/themes/default"; @import "../../style/mixins/index"; @import "../../button/style/mixin"; @import "./mixin"; @search-prefix: ~"@{ant-prefix}-input-search"; .@{search-prefix} { &-icon { color: @text-color-secondary; cursor: pointer; transition: all .3s; &:hover { color: #333; } } &:not(&-small) > .@{ant-prefix}-input-suffix { right: @control-padding-horizontal; } > .@{ant-prefix}-input-suffix > .@{search-prefix}-button { border-top-left-radius: 0; border-bottom-left-radius: 0; > .@{iconfont-css-prefix}-search { font-size: @font-size-lg; } } &.@{search-prefix}-enter-button > .@{ant-prefix}-input { padding-right: 46px; } &.@{search-prefix}-enter-button > .@{ant-prefix}-input-suffix { right: 0; } }