66 lines
1.5 KiB
SCSS
66 lines
1.5 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-selection--single {
|
|
height: auto;
|
|
@extend .form-control;
|
|
.select2-search__field {
|
|
@extend .form-control;
|
|
}
|
|
.select2-selection__rendered {
|
|
line-height: 14px;
|
|
color: $input-color;
|
|
}
|
|
}
|
|
.select2-dropdown {
|
|
background: $dropdown-bg;
|
|
font-size: .8125rem;
|
|
}
|
|
&.select2-container--focus {
|
|
.select2-selection--multiple {
|
|
border-color: $border-color;
|
|
}
|
|
}
|
|
.select2-selection--multiple {
|
|
background: $input-bg;
|
|
.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);
|
|
}
|
|
}
|
|
.select2-selection__rendered {
|
|
background: $input-bg;
|
|
}
|
|
}
|
|
}
|