status.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @import './mixin';
  2. @input-prefix-cls: ~'@{ant-prefix}-input';
  3. @input-wrapper-cls: @input-prefix-cls, ~'@{input-prefix-cls}-affix-wrapper';
  4. each(@input-wrapper-cls, {
  5. .@{value} {
  6. &-status-error {
  7. .status-color(@value, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
  8. .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
  9. }
  10. &-status-warning {
  11. .status-color(@value, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
  12. .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
  13. }
  14. }
  15. });
  16. .@{input-prefix-cls}-textarea {
  17. &-status-error,
  18. &-status-warning,
  19. &-status-success,
  20. &-status-validating {
  21. &.@{input-prefix-cls}-textarea-has-feedback {
  22. .@{input-prefix-cls} {
  23. padding-right: 24px;
  24. }
  25. }
  26. }
  27. }
  28. .@{input-prefix-cls}-group-wrapper {
  29. &-status-error {
  30. .group-status-color(@input-prefix-cls, @error-color, @error-color);
  31. }
  32. &-status-warning {
  33. .group-status-color(@input-prefix-cls, @warning-color, @warning-color);
  34. }
  35. }