iview/src/styles/components/input.less

100 lines
2 KiB
Text
Raw Normal View History

@input-prefix-cls: ~"@{css-prefix}input";
.@{input-prefix-cls} {
.input;
&-wrapper{
display: inline-block;
width: 100%;
position: relative;
2017-01-05 18:09:37 +08:00
vertical-align: middle;
// #2149 & #2219
line-height: normal
}
&-icon {
width: 32px;
2016-11-11 15:35:26 +08:00
height: @input-height-base;
line-height: @input-height-base;
font-size: 16px;
text-align: center;
color: @subsidiary-color;
position: absolute;
right: 0;
2017-04-01 12:28:32 +08:00
z-index: 3;
2016-11-11 15:35:26 +08:00
}
2017-04-01 12:48:45 +08:00
&-hide-icon &-icon{
display: none;
}
2017-01-06 12:00:26 +08:00
&-icon-validate{
display: none;
}
2016-11-11 15:35:26 +08:00
2018-01-23 11:05:01 +08:00
&-icon-clear{
display: none;
}
&-wrapper:hover{
.@{input-prefix-cls}-icon-clear{
display: inline-block;
}
}
2017-04-01 12:08:08 +08:00
&-icon-normal + &{
padding-right: 32px;
}
2017-04-01 12:48:45 +08:00
// #554
&-hide-icon &-icon-normal + &{
padding-right: @input-padding-horizontal;
}
2016-11-11 15:35:26 +08:00
&-wrapper-large &-icon{
font-size: 18px;
height: @input-height-large;
line-height: @input-height-large;
}
&-wrapper-small &-icon{
width: 24px;
font-size: 14px;
height: @input-height-small;
line-height: @input-height-small;
2017-06-15 14:36:27 +08:00
//+ .@{input-prefix-cls} {
// padding-right: 24px;
//}
}
}
.@{input-prefix-cls}-group{
.input-group(~"@{input-prefix-cls}");
2017-01-04 17:37:16 +08:00
}
.@{form-item-prefix-cls}-error{
.@{input-prefix-cls}{
.input-error;
&-icon{
color: @error-color;
}
}
.@{input-prefix-cls}-group{
.input-group-error;
}
2017-03-15 19:59:46 +08:00
.@{transfer-prefix-cls} {
.@{input-prefix-cls} {
.input;
&-icon{
color: @subsidiary-color;
}
}
}
2017-01-06 12:00:26 +08:00
}
.@{form-item-prefix-cls}-validating{
.@{input-prefix-cls}{
&-icon-validate{
display: inline-block;
}
2017-04-01 12:08:08 +08:00
&-icon + .@{input-prefix-cls}{
padding-right: 32px;
}
2017-01-06 12:00:26 +08:00
}
2017-10-20 15:36:43 +08:00
}