@import '../../input/style/mixin'; @picker-prefix-cls: ~'@{ant-prefix}-picker'; .picker-status-color( @text-color: @input-color; @border-color: @input-border-color; @background-color: @input-bg; @hoverBorderColor: @primary-color-hover; @outlineColor: @primary-color-outline; ) { &.@{picker-prefix-cls} { &, &:not([disabled]):hover { background-color: @background-color; border-color: @border-color; } &-focused, &:focus { .active(@text-color, @hoverBorderColor, @outlineColor); } } .@{picker-prefix-cls}-feedback-icon { color: @text-color; } } .@{picker-prefix-cls} { &-status-error { .picker-status-color(@error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline); } &-status-warning { .picker-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline); } &-status-validating { .@{picker-prefix-cls}-feedback-icon { display: inline-block; color: @primary-color; } } &-status-success { .@{picker-prefix-cls}-feedback-icon { color: @success-color; animation-name: diffZoomIn1 !important; } } }