ant-design-vue/components/auto-complete/style/index.less

84 lines
2.0 KiB
Plaintext
Raw Normal View History

2019-01-02 13:01:56 +00:00
@import '../../style/themes/default';
@import '../../style/mixins/index';
@import '../../input/style/mixin';
2018-02-27 11:08:49 +00:00
2019-01-02 13:01:56 +00:00
@input-prefix-cls: ~'@{ant-prefix}-input';
@select-prefix-cls: ~'@{ant-prefix}-select';
@autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
2018-02-27 11:08:49 +00:00
.@{autocomplete-prefix-cls} {
.reset-component;
&.@{select-prefix-cls} {
.@{select-prefix-cls} {
&-selection {
border: 0;
box-shadow: none;
&__rendered {
height: 100%;
2019-03-05 05:16:32 +00:00
margin-right: 0;
margin-left: 0;
2018-02-27 11:08:49 +00:00
line-height: @input-height-base;
}
&__placeholder {
margin-right: (@input-padding-horizontal-base + 1px);
2019-03-05 05:16:32 +00:00
margin-left: (@input-padding-horizontal-base + 1px);
2018-02-27 11:08:49 +00:00
}
&--single {
height: auto;
}
}
}
// Fix https://github.com/ant-design/ant-design/issues/7800
.@{select-prefix-cls}-search--inline {
position: static;
float: left;
}
&-allow-clear {
.@{select-prefix-cls}-selection:hover .@{select-prefix-cls}-selection__rendered {
margin-right: 0 !important;
}
}
.@{input-prefix-cls} {
2019-03-05 05:16:32 +00:00
height: @input-height-base;
line-height: @line-height-base;
2018-02-27 11:08:49 +00:00
background: transparent;
border-width: @border-width-base;
&:focus,
&:hover {
.hover;
}
2018-11-14 13:33:56 +00:00
&[disabled] {
.disabled;
background-color: transparent;
2018-11-14 13:33:56 +00:00
}
2018-02-27 11:08:49 +00:00
}
&-lg {
.@{select-prefix-cls}-selection__rendered {
line-height: @input-height-lg;
}
.@{input-prefix-cls} {
2019-03-05 05:16:32 +00:00
height: @input-height-lg;
2018-02-27 11:08:49 +00:00
padding-top: @input-padding-vertical-lg;
padding-bottom: @input-padding-vertical-lg;
}
}
&-sm {
.@{select-prefix-cls}-selection__rendered {
line-height: @input-height-sm;
}
.@{input-prefix-cls} {
2019-03-05 05:16:32 +00:00
height: @input-height-sm;
2018-02-27 11:08:49 +00:00
padding-top: @input-padding-vertical-sm;
padding-bottom: @input-padding-vertical-sm;
}
}
}
}