ant-design-blazor/components/input/style/index.less
2020-10-25 23:07:27 +08:00

60 lines
1.2 KiB
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;
}
}
&-textarea {
&-show-count::after {
display: block;
color: @text-color-secondary;
text-align: right;
content: attr(data-count);
}
}
}
@import './search-input';
@import './rtl';
@import './IE11';