| 1 |
@import 'select2-api'; |
| 2 |
|
| 3 |
.select2-container { |
| 4 |
&:not(.select2-container--open):not(.select2-container--focus) { |
| 5 |
|
| 6 |
.select2-selection--single, |
| 7 |
.select2-selection--multiple { |
| 8 |
background-color: var(--select2-selection-background-color); |
| 9 |
color: var(--select2-selection-color); |
| 10 |
border-color: var(--select2-selection-border-color); |
| 11 |
} |
| 12 |
} |
| 13 |
|
| 14 |
&.select2-container--open, |
| 15 |
&.select2-container--focus { |
| 16 |
|
| 17 |
.select2-selection--single, |
| 18 |
.select2-selection--multiple { |
| 19 |
border-color: var(--select2-selection-opened-focused-border-color); |
| 20 |
} |
| 21 |
} |
| 22 |
|
| 23 |
&.select2-container--default { |
| 24 |
|
| 25 |
.select2-selection--single { |
| 26 |
|
| 27 |
.select2-selection__rendered { |
| 28 |
color: var(--select2-single-selection-rendered-color); |
| 29 |
} |
| 30 |
} |
| 31 |
} |
| 32 |
|
| 33 |
&--default { |
| 34 |
|
| 35 |
.select2-selection { |
| 36 |
|
| 37 |
&--single { |
| 38 |
background-color: var(--select2-default-single-selection-background-color); |
| 39 |
border-color: var(--select2-default-single-selection-border-color); |
| 40 |
} |
| 41 |
|
| 42 |
&--multiple { |
| 43 |
background-color: var(--select2-default-multiple-selection-background-color); |
| 44 |
|
| 45 |
.select2-selection__choice { |
| 46 |
background-color: var(--select2-default-multiple-selection-choice-background-color); |
| 47 |
color: var(--select2-default-multiple-selection-choice-color); |
| 48 |
border-color: var(--select2-default-multiple-selection-choice-border-color); |
| 49 |
|
| 50 |
&__remove { |
| 51 |
color: var(--select2-default-multiple-selection-choice-remove-color); |
| 52 |
|
| 53 |
&:hover { |
| 54 |
color: var(--select2-default-multiple-selection-choice-remove-hover-color); |
| 55 |
} |
| 56 |
} |
| 57 |
} |
| 58 |
} |
| 59 |
} |
| 60 |
|
| 61 |
.select2-results { |
| 62 |
|
| 63 |
&__option[aria-selected]] { |
| 64 |
background-color: var(--select2-default-results-selected-option-background-color); |
| 65 |
color: var(--select2-default-results-selected-option-color); |
| 66 |
} |
| 67 |
|
| 68 |
&__option--highlighted[aria-selected]] { |
| 69 |
background-color: var(--select2-default-results-highlighted-option-background-color); |
| 70 |
color: var(--select2-default-results-highlighted-option-color); |
| 71 |
} |
| 72 |
|
| 73 |
} |
| 74 |
} |
| 75 |
|
| 76 |
.select2-results__option[aria-selected=true]=true] { |
| 77 |
background-color: var(--select2-results-selected-option-background-color); |
| 78 |
color: var(--select2-results-selected-option-color); |
| 79 |
} |
| 80 |
|
| 81 |
.select2-dropdown { |
| 82 |
background-color: var(--select2-dropdown-background-color); |
| 83 |
border-color: var(--select2-dropdown-border-color); |
| 84 |
} |
| 85 |
} |
| 86 |
|
