engelsystem/resources/assets/themes/choices.scss

58 lines
1.3 KiB
SCSS

$choices-font-size-lg: $input-font-size-lg;
$choices-font-size-md: $input-font-size;
$choices-font-size-sm: $input-font-size-sm;
$choices-border-radius: $input-border-radius;
$choices-primary-color: $primary;
$choices-bg-color: $input-bg;
$choices-bg-color-dropdown: $input-bg;
$choices-text-color: $input-color;
$es-choices-highlight-color: $choices-text-color !default;
$choices-bg-color-disabled: $input-disabled-bg;
@import '~choices.js/src/styles/choices.scss';
.#{$choices-selector}__inner {
border: $input-border-width solid $input-border-color;
line-height: 0;
min-height: 0;
padding: $input-padding-y 1.75rem $input-padding-y $input-padding-x !important;
}
.#{$choices-selector} .#{$choices-selector}__list {
z-index: $zindex-sticky + 2;
}
.#{$choices-selector}__list--single {
padding: 0;
}
.#{$choices-selector}__item {
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.#{$choices-selector}__item--selectable {
padding-right: 10px !important;
}
.#{$choices-selector}__item.is-selected {
color: $component-active-color;
background-color: $component-active-bg;
}
.#{$choices-selector}__item.is-highlighted {
color: $es-choices-highlight-color;
}
.#{$choices-selector}__input--cloned {
background-color: $input-bg !important;
border: 0;
box-shadow: none;
color: $input-color !important;
}