2019-05-23 16:08:53 +08:00
|
|
|
.#{$ns}CityPicker {
|
2020-03-26 19:08:22 +08:00
|
|
|
.#{$ns}Select {
|
|
|
|
margin-right: $gap-xs;
|
2019-12-06 09:58:08 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
&-input {
|
|
|
|
outline: none;
|
|
|
|
vertical-align: middle;
|
2020-03-26 19:08:22 +08:00
|
|
|
// margin-left: $gap-xs;
|
2019-12-06 09:58:08 +08:00
|
|
|
border: $Form-input-borderWidth solid $Form-input-borderColor;
|
|
|
|
border-radius: $Form-input-borderRadius;
|
|
|
|
// height: $Form-input-height;
|
|
|
|
line-height: $Form-input-lineHeight;
|
|
|
|
padding: $Form-input-paddingY $Form-input-paddingX;
|
|
|
|
font-size: $Form-input-fontSize;
|
2019-05-23 16:08:53 +08:00
|
|
|
|
2019-12-06 09:58:08 +08:00
|
|
|
&::placeholder {
|
|
|
|
color: $Form-input-placeholderColor;
|
|
|
|
user-select: none;
|
|
|
|
}
|
2019-05-23 16:08:53 +08:00
|
|
|
|
2019-12-06 09:58:08 +08:00
|
|
|
&:focus {
|
|
|
|
border-color: $Form-input-onFocused-borderColor;
|
|
|
|
box-shadow: $Form-input-boxShadow;
|
2019-05-23 16:08:53 +08:00
|
|
|
|
2019-12-06 09:58:08 +08:00
|
|
|
@if $Form-input-onFocused-bg !=$Form-input-bg {
|
|
|
|
background-color: $Form-input-onFocused-bg;
|
|
|
|
}
|
2019-05-23 16:08:53 +08:00
|
|
|
}
|
2019-12-06 09:58:08 +08:00
|
|
|
}
|
|
|
|
}
|