amis/scss/components/_input-box.scss
2020-05-14 20:47:05 +08:00

42 lines
781 B
SCSS

.#{$ns}InputBox {
@include input-input();
&.is-error {
border-color: $Form-input-onError-borderColor;
background-color: $Form-input-onError-bg;
}
&.is-focused {
border-color: $Form-input-onFocused-borderColor;
box-shadow: $Form-input-boxShadow;
@if $Form-input-onFocused-bg !=$Form-input-bg {
background-color: $Form-input-onFocused-bg;
}
}
&.is-error.is-focused {
border-color: $Form-input-onError-borderColor;
}
&.is-disabled {
color: $text--muted-color;
background: $Form-input-onDisabled-bg;
border-color: $Form-input-onDisabled-borderColor;
}
&-clear {
@include input-clear();
}
> svg {
display: inline-block;
width: 14px;
color: $icon-color;
}
> a {
cursor: pointer;
}
}