index.less 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @import './mixin';
  4. @import './affix';
  5. @import './allow-clear';
  6. @import './status';
  7. @input-prefix-cls: ~'@{ant-prefix}-input';
  8. // Input styles
  9. .@{input-prefix-cls} {
  10. .reset-component();
  11. .input();
  12. //== Style for input-group: input with label, with button or dropdown...
  13. &-group {
  14. .reset-component();
  15. .input-group(~'@{input-prefix-cls}');
  16. &-wrapper {
  17. display: inline-block;
  18. width: 100%;
  19. text-align: start;
  20. vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
  21. }
  22. }
  23. &-password-icon.@{iconfont-css-prefix} {
  24. color: @text-color-secondary;
  25. cursor: pointer;
  26. transition: all 0.3s;
  27. &:hover {
  28. color: @input-icon-hover-color;
  29. }
  30. }
  31. &[type='color'] {
  32. height: @input-height-base;
  33. &.@{input-prefix-cls}-lg {
  34. height: @input-height-lg;
  35. }
  36. &.@{input-prefix-cls}-sm {
  37. height: @input-height-sm;
  38. padding-top: 3px;
  39. padding-bottom: 3px;
  40. }
  41. }
  42. &-textarea-show-count {
  43. // https://github.com/ant-design/ant-design/issues/33049
  44. > .@{input-prefix-cls} {
  45. height: 100%;
  46. }
  47. &::after {
  48. float: right;
  49. color: @text-color-secondary;
  50. white-space: nowrap;
  51. content: attr(data-count);
  52. pointer-events: none;
  53. }
  54. &.@{input-prefix-cls}-textarea-in-form-item {
  55. &::after {
  56. margin-bottom: -22px;
  57. }
  58. }
  59. }
  60. &-textarea-suffix {
  61. position: absolute;
  62. top: 0;
  63. right: @input-padding-horizontal-base;
  64. bottom: 0;
  65. z-index: 1;
  66. display: inline-flex;
  67. align-items: center;
  68. margin: auto;
  69. }
  70. // ===================== Compact Item Styles =====================
  71. .compact-item(@input-prefix-cls);
  72. .compact-item(~'@{input-prefix-cls}-affix-wrapper');
  73. .compact-item(~'@{input-prefix-cls}-group-wrapper', ~'@{input-prefix-cls}-group-addon');
  74. }
  75. @import './search-input';
  76. @import './rtl';
  77. @import './IE11';