status.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import '../../input/style/mixin';
  2. @select-prefix-cls: ~'@{ant-prefix}-select';
  3. @pagination-prefix-cls: ~'@{ant-prefix}-pagination';
  4. .select-status-color(
  5. @text-color;
  6. @border-color;
  7. @background-color;
  8. @hoverBorderColor;
  9. @outlineColor;
  10. ) {
  11. &.@{select-prefix-cls}:not(.@{select-prefix-cls}-disabled):not(.@{select-prefix-cls}-customize-input):not(.@{pagination-prefix-cls}-size-changer) {
  12. .@{select-prefix-cls}-selector {
  13. background-color: @background-color;
  14. border-color: @border-color !important;
  15. }
  16. &.@{select-prefix-cls}-open .@{select-prefix-cls}-selector,
  17. &.@{select-prefix-cls}-focused .@{select-prefix-cls}-selector {
  18. .active(@border-color, @hoverBorderColor, @outlineColor);
  19. }
  20. }
  21. }
  22. .@{select-prefix-cls} {
  23. &-status-error {
  24. .select-status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline);
  25. }
  26. &-status-warning {
  27. .select-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
  28. }
  29. &-status-error,
  30. &-status-warning,
  31. &-status-success,
  32. &-status-validating {
  33. &.@{select-prefix-cls}-has-feedback {
  34. //.@{prefix-cls}-arrow,
  35. .@{select-prefix-cls}-clear {
  36. right: 32px;
  37. }
  38. .@{select-prefix-cls}-selection-selected-value {
  39. padding-right: 42px;
  40. }
  41. }
  42. }
  43. }