allow-clear.less 931 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import (reference) '../../style/themes/index';
  2. @input-prefix-cls: ~'@{ant-prefix}-input';
  3. // ========================= Input =========================
  4. .@{iconfont-css-prefix}.@{ant-prefix}-input-clear-icon {
  5. margin: 0;
  6. color: @disabled-color;
  7. font-size: @font-size-sm;
  8. vertical-align: -1px;
  9. // https://github.com/ant-design/ant-design/pull/18151
  10. // https://codesandbox.io/s/wizardly-sun-u10br
  11. cursor: pointer;
  12. transition: color 0.3s;
  13. &:hover {
  14. color: @text-color-secondary;
  15. }
  16. &:active {
  17. color: @text-color;
  18. }
  19. &-hidden {
  20. visibility: hidden;
  21. }
  22. &-has-suffix {
  23. margin: 0 @input-affix-margin;
  24. }
  25. }
  26. // ======================= TextArea ========================
  27. .@{ant-prefix}-input-affix-wrapper-textarea-with-clear-btn {
  28. padding: 0 !important;
  29. border: 0 !important;
  30. .@{ant-prefix}-input-clear-icon {
  31. position: absolute;
  32. top: 8px;
  33. right: 8px;
  34. z-index: 1;
  35. }
  36. }