index-pure.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @import './mixin';
  4. @import './affix';
  5. @import './allow-clear';
  6. @input-prefix-cls: ~'@{ant-prefix}-input';
  7. // Input styles
  8. .@{input-prefix-cls} {
  9. .reset-component();
  10. .input();
  11. //== Style for input-group: input with label, with button or dropdown...
  12. &-group {
  13. .reset-component();
  14. .input-group(~'@{input-prefix-cls}');
  15. &-wrapper {
  16. display: inline-block;
  17. width: 100%;
  18. text-align: start;
  19. vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
  20. }
  21. }
  22. &-password-icon {
  23. color: @text-color-secondary;
  24. cursor: pointer;
  25. transition: all 0.3s;
  26. &:hover {
  27. color: @input-icon-hover-color;
  28. }
  29. }
  30. &[type='color'] {
  31. height: @input-height-base;
  32. &.@{input-prefix-cls}-lg {
  33. height: @input-height-lg;
  34. }
  35. &.@{input-prefix-cls}-sm {
  36. height: @input-height-sm;
  37. padding-top: 3px;
  38. padding-bottom: 3px;
  39. }
  40. }
  41. &-textarea-show-count {
  42. // https://github.com/ant-design/ant-design/issues/33049
  43. > .@{input-prefix-cls} {
  44. height: 100%;
  45. }
  46. &::after {
  47. float: right;
  48. color: @text-color-secondary;
  49. white-space: nowrap;
  50. content: attr(data-count);
  51. pointer-events: none;
  52. }
  53. }
  54. }
  55. @import './search-input';
  56. @import './rtl';
  57. @import './IE11';