mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-23 23:18:36 +08:00
fc3f4e1922
* fix AutoComplete size + close #4766 * use input mixin * use css variables * use children directly instead of React.Children.toArray + close #4778
66 lines
1.3 KiB
Plaintext
66 lines
1.3 KiB
Plaintext
@import "../../style/themes/default";
|
|
@import "../../style/mixins/index";
|
|
@import "../../input/style/mixin";
|
|
|
|
@input-prefix-cls: ~"@{ant-prefix}-input";
|
|
@select-prefix-cls: ~"@{ant-prefix}-select";
|
|
@autocomplete-prefix-cls: ~"@{select-prefix-cls}-auto-complete";
|
|
|
|
.@{autocomplete-prefix-cls} {
|
|
&.@{select-prefix-cls} {
|
|
|
|
.@{select-prefix-cls} {
|
|
&-search--inline {
|
|
position: relative;
|
|
}
|
|
&-selection {
|
|
border: 0;
|
|
&--single {
|
|
height: auto;
|
|
}
|
|
&__rendered {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
line-height: 0;
|
|
}
|
|
&__placeholder {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
top: @input-height-base / 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.@{input-prefix-cls} {
|
|
.input();
|
|
background: transparent;
|
|
}
|
|
|
|
&-lg {
|
|
.@{select-prefix-cls}-selection__placeholder {
|
|
top: @input-height-lg / 2;
|
|
}
|
|
.@{input-prefix-cls} {
|
|
.input-lg();
|
|
}
|
|
}
|
|
|
|
&-sm {
|
|
.@{select-prefix-cls}-selection__placeholder {
|
|
top: @input-height-sm / 2;
|
|
}
|
|
.@{input-prefix-cls} {
|
|
.input-sm();
|
|
}
|
|
}
|
|
|
|
.@{input-prefix-cls} {
|
|
border: @border-width-base @border-style-base @border-color-base;
|
|
&:focus,
|
|
&:hover {
|
|
.hover;
|
|
}
|
|
}
|
|
}
|
|
}
|