laravelEcomm/public/Dashboard/scss/common/light/components/plugin-overrides/_select2.scss
2024-07-12 12:51:02 +05:45

63 lines
1.4 KiB
SCSS

/* Select2 */
.select2-container--default {
.select2-results__option--highlighted[aria-selected] {
background: theme-color(primary);
}
.select2-selection--single,
.select2-dropdown,
.select2-selection--multiple {
border-color: $border-color;
.select2-search__field {
border-color: $border-color;
}
}
.select2-selection--single {
height: auto;
@extend .form-control;
.select2-search__field {
@extend .form-control;
}
.select2-selection__rendered {
line-height: 14px;
}
}
.select2-dropdown {
font-size: .8125rem;
}
&.select2-container--focus {
.select2-selection--multiple {
border-color: $border-color;
}
}
.select2-selection--multiple {
.select2-selection__choice {
color: color(white);
border: 0;
border-radius: 3px;
padding: 6px;
font-size: .625rem;
font-family: inherit;
line-height: 1;
.select2-selection__choice__remove {
color: color(white);
}
&:nth-child(5n+1) {
background: theme-color(primary);
}
&:nth-child(5n+2) {
background: theme-color(success);
}
&:nth-child(5n+3) {
background: theme-color(info);
}
&:nth-child(5n+4) {
background: theme-color(danger);
}
&:nth-child(5n+5) {
background: theme-color(warning);
}
}
}
}