You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.4 KiB
63 lines
1.4 KiB
@use 'sass:map';
|
|
|
|
@use 'mixins/mixins' as *;
|
|
@use 'mixins/var' as *;
|
|
@use 'common/var' as *;
|
|
|
|
@include b(select-dropdown) {
|
|
z-index: calc(#{getCssVar('index-top')} + 1);
|
|
border-radius: getCssVar('border-radius-base');
|
|
box-sizing: border-box;
|
|
|
|
.#{$namespace}-scrollbar.is-empty .#{$namespace}-select-dropdown__list {
|
|
padding: 0;
|
|
}
|
|
|
|
@include e(option-item) {
|
|
@include when(selected) {
|
|
&:not(.is-multiple) {
|
|
@include when(disabled) {
|
|
color: getCssVar('text-color-disabled');
|
|
&::after {
|
|
background-color: getCssVar('text-color-disabled');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
&:not(.hover) {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include when(multiple) {
|
|
.#{$namespace}-select-dropdown__option-item {
|
|
@include when(disabled) {
|
|
@include when(selected) {
|
|
color: getCssVar('text-color-disabled');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@include b(select-dropdown__empty) {
|
|
padding: map.get($select-dropdown, 'empty-padding');
|
|
margin: 0;
|
|
text-align: center;
|
|
color: map.get($select-dropdown, 'empty-color');
|
|
font-size: getCssVar('select-font-size');
|
|
}
|
|
|
|
@include b(select-dropdown__wrap) {
|
|
max-height: map.get($select-dropdown, 'max-height');
|
|
}
|
|
|
|
@include b(select-dropdown__list) {
|
|
list-style: none;
|
|
margin: map.get($select-dropdown, 'padding') !important;
|
|
padding: 0 !important;
|
|
box-sizing: border-box;
|
|
}
|
|
|