LaravelTest
201 строка · 7.5 Кб
1.select2-container {2display: block; }3.select2-container *:focus {4outline: 0; }5
6.input-group .select2-container--bootstrap4 {7-webkit-box-flex: 1;8-ms-flex-positive: 1;9flex-grow: 1; }10
11.input-group-prepend ~ .select2-container--bootstrap4 .select2-selection {12border-top-left-radius: 0;13border-bottom-left-radius: 0; }14
15.input-group > .select2-container--bootstrap4:not(:last-child) .select2-selection {16border-top-right-radius: 0;17border-bottom-right-radius: 0; }18
19.select2-container--bootstrap4 .select2-selection {20width: 100%;21background-color: #fff;22border: 1px solid #ced4da;23border-radius: 0.25rem;24-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;25transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;26transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;27transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }28@media (prefers-reduced-motion: reduce) {29.select2-container--bootstrap4 .select2-selection {30-webkit-transition: none;31transition: none; } }32
33.select2-container--bootstrap4.select2-container--focus .select2-selection {34border-color: #80bdff;35-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);36box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }37
38.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {39border-bottom: none;40border-bottom-right-radius: 0;41border-bottom-left-radius: 0; }42
43.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection {44border-top-left-radius: 0;45border-top-right-radius: 0; }46
47.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection {48border-bottom-right-radius: 0;49border-bottom-left-radius: 0; }50
51.select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection {52cursor: not-allowed;53background-color: #e9ecef;54border-color: #ced4da;55-webkit-box-shadow: none;56box-shadow: none; }57
58.select2-container--bootstrap4.select2-container--disabled .select2-search__field, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-search__field {59background-color: transparent; }60
61select.is-invalid ~ .select2-container--bootstrap4 .select2-selection,
62form.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection {63border-color: #dc3545; }64
65select.is-valid ~ .select2-container--bootstrap4 .select2-selection,
66form.was-validated select:valid ~ .select2-container--bootstrap4 .select2-selection {67border-color: #28a745; }68
69.select2-container--bootstrap4 .select2-search {70width: 100%; }71
72.select2-container--bootstrap4 .select2-dropdown {73border-color: #ced4da;74border-radius: 0; }75.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {76border-top: none;77border-bottom-right-radius: 0.25rem;78border-bottom-left-radius: 0.25rem; }79.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {80border-top: 1px solid #ced4da;81border-top-left-radius: 0.25rem;82border-top-right-radius: 0.25rem; }83.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {84color: #212529;85background-color: #f2f2f2; }86
87.select2-container--bootstrap4 .select2-results__option--highlighted,
88.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {89color: #fff;90background-color: #007bff; }91
92.select2-container--bootstrap4 .select2-results__option[role="group"] {93padding: 0; }94.select2-container--bootstrap4 .select2-results__option[role="group"] .select2-results__options--nested .select2-results__option {95padding-left: 1em; }96
97.select2-container--bootstrap4 .select2-results__option {98padding: 0.375rem 0.75rem; }99
100.select2-container--bootstrap4 .select2-results > .select2-results__options {101max-height: 15em;102overflow-y: auto; }103
104.select2-container--bootstrap4 .select2-results__group {105display: list-item;106padding: 6px;107color: #6c757d; }108
109.select2-container--bootstrap4 .select2-selection__clear {110float: right;111width: .9em;112height: .9em;113padding-left: .15em;114margin-top: .7em;115margin-right: .3em;116line-height: .75em;117color: #f8f9fa;118background-color: #c8c8c8;119border-radius: 100%; }120.select2-container--bootstrap4 .select2-selection__clear:hover {121background-color: #afafaf; }122
123.select2-container--bootstrap4 .select2-selection--single {124height: calc(1.5em + 0.75rem + 2px) !important; }125.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {126line-height: calc(1.5em + 0.75rem);127color: #6c757d; }128.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {129position: absolute;130top: 50%;131right: 3px;132width: 20px; }133.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {134position: absolute;135top: 60%;136left: 50%;137width: 0;138height: 0;139margin-top: -2px;140margin-left: -4px;141border-color: #343a40 transparent transparent transparent;142border-style: solid;143border-width: 5px 4px 0; }144.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {145padding-left: 0.75rem;146line-height: calc(1.5em + 0.75rem);147color: #495057; }148
149.select2-search--dropdown .select2-search__field {150padding: 0.375rem 0.75rem;151border: 1px solid #ced4da;152border-radius: 0.25rem; }153
154.select2-results__message {155color: #6c757d; }156
157.select2-container--bootstrap4 .select2-selection--multiple {158min-height: calc(1.5em + 0.75rem + 2px) !important; }159.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {160-webkit-box-sizing: border-box;161box-sizing: border-box;162width: 100%;163padding: 0 0.375rem;164margin: 0;165list-style: none; }166.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {167float: left;168padding: 0;169padding-right: 0.75rem;170margin-top: calc(0.375rem - 2px);171margin-right: 0.375rem;172color: #495057;173cursor: pointer;174border: 1px solid #bdc6d0;175border-radius: 0.2rem; }176.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {177color: #495057; }178.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice + .select2-search {179width: 0; }180.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {181float: left;182padding-right: 3px;183padding-left: 3px;184margin-right: 1px;185margin-left: 3px;186font-weight: 700;187color: #bdc6d0; }188.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {189color: #343a40; }190.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {191position: absolute !important;192top: 0;193right: .7em;194float: none;195margin-right: 0; }196
197.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {198padding: 0 5px;199cursor: not-allowed; }200.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {201display: none; }202
203