123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @import './mixin';
- @import './affix';
- @import './allow-clear';
- @import './status';
- @input-prefix-cls: ~'@{ant-prefix}-input';
- // Input styles
- .@{input-prefix-cls} {
- .reset-component();
- .input();
- //== Style for input-group: input with label, with button or dropdown...
- &-group {
- .reset-component();
- .input-group(~'@{input-prefix-cls}');
- &-wrapper {
- display: inline-block;
- width: 100%;
- text-align: start;
- vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
- }
- }
- &-password-icon.@{iconfont-css-prefix} {
- color: @text-color-secondary;
- cursor: pointer;
- transition: all 0.3s;
- &:hover {
- color: @input-icon-hover-color;
- }
- }
- &[type='color'] {
- height: @input-height-base;
- &.@{input-prefix-cls}-lg {
- height: @input-height-lg;
- }
- &.@{input-prefix-cls}-sm {
- height: @input-height-sm;
- padding-top: 3px;
- padding-bottom: 3px;
- }
- }
- &-textarea-show-count {
- // https://github.com/ant-design/ant-design/issues/33049
- > .@{input-prefix-cls} {
- height: 100%;
- }
- &::after {
- float: right;
- color: @text-color-secondary;
- white-space: nowrap;
- content: attr(data-count);
- pointer-events: none;
- }
- &.@{input-prefix-cls}-textarea-in-form-item {
- &::after {
- margin-bottom: -22px;
- }
- }
- }
- &-textarea-suffix {
- position: absolute;
- top: 0;
- right: @input-padding-horizontal-base;
- bottom: 0;
- z-index: 1;
- display: inline-flex;
- align-items: center;
- margin: auto;
- }
- // ===================== Compact Item Styles =====================
- .compact-item(@input-prefix-cls);
- .compact-item(~'@{input-prefix-cls}-affix-wrapper');
- .compact-item(~'@{input-prefix-cls}-group-wrapper', ~'@{input-prefix-cls}-group-addon');
- }
- @import './search-input';
- @import './rtl';
- @import './IE11';
|