ant-design/components/input/style/index.less
xiaosong 46955f9f59
fix: 💄 IE11 input height issue (#23955) (#24673)
* fix: 🏁 fix ie11 input height issue (#23955)

* style: fix style order issue

* fix: 🏁 fix input height issue with css hack

* fix: 💄 Put IE11 css hack in IE.less
2020-06-02 21:17:57 +08:00

51 lines
1015 B
Plaintext

@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './mixin';
@import './affix';
@import './allow-clear';
// Input styles
.@{ant-prefix}-input {
.reset-component;
.input;
//== Style for input-group: input with label, with button or dropdown...
&-group {
.reset-component;
.input-group(~'@{ant-prefix}-input');
&-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
}
}
&-password-icon {
color: @text-color-secondary;
cursor: pointer;
transition: all 0.3s;
&:hover {
color: @input-icon-hover-color;
}
}
&[type='color'] {
height: @input-height-base;
&.@{ant-prefix}-input-lg {
height: @input-height-lg;
}
&.@{ant-prefix}-input-sm {
height: @input-height-sm;
padding-top: 3px;
padding-bottom: 3px;
}
}
}
@import './search-input';
@import './rtl';
@import './IE11';