|
1 | 1 | .select2-container--bootstrap4 { |
2 | | - .select2-selection--single { |
| 2 | + .select2-selection--single { |
3 | 3 |
|
4 | | - // height of input box |
5 | | - height: $input-height !important; |
| 4 | + // height of input box |
| 5 | + height: $input-height !important; |
6 | 6 |
|
7 | | - // placeholder |
8 | | - .select2-selection__placeholder { |
9 | | - // #757575 is same color of placeholder (on Chrome) |
10 | | - color: #757575; |
11 | | - line-height: $input-height-inner; |
12 | | - } |
| 7 | + // placeholder |
| 8 | + .select2-selection__placeholder { |
| 9 | + // #757575 is same color of placeholder (on Chrome) |
| 10 | + color: #757575; |
| 11 | + line-height: $input-height-inner; |
| 12 | + } |
13 | 13 |
|
14 | | - // arrow |
15 | | - .select2-selection__arrow { |
16 | | - position: absolute; |
17 | | - top: 50%; |
18 | | - right: 3px; |
19 | | - width: 20px; |
| 14 | + // arrow |
| 15 | + .select2-selection__arrow { |
| 16 | + position: absolute; |
| 17 | + top: 50%; |
| 18 | + right: 3px; |
| 19 | + width: 20px; |
20 | 20 |
|
21 | | - b { |
22 | | - top: 60%; |
23 | | - border-color: $dark transparent transparent transparent; |
24 | | - border-style: solid; |
25 | | - border-width: 5px 4px 0 4px; |
26 | | - width: 0; |
27 | | - height: 0; |
28 | | - left: 50%; |
29 | | - margin-left: -4px; |
30 | | - margin-top: -2px; |
31 | | - position: absolute; |
32 | | - } |
33 | | - } |
| 21 | + b { |
| 22 | + top: 60%; |
| 23 | + border-color: $dark transparent transparent transparent; |
| 24 | + border-style: solid; |
| 25 | + border-width: 5px 4px 0 4px; |
| 26 | + width: 0; |
| 27 | + height: 0; |
| 28 | + left: 50%; |
| 29 | + margin-left: -4px; |
| 30 | + margin-top: -2px; |
| 31 | + position: absolute; |
| 32 | + } |
| 33 | + } |
34 | 34 |
|
35 | | - // selected item |
36 | | - .select2-selection__rendered { |
37 | | - line-height: $input-height-inner; |
38 | | - } |
| 35 | + // selected item |
| 36 | + .select2-selection__rendered { |
| 37 | + line-height: $input-height-inner; |
39 | 38 | } |
| 39 | + } |
40 | 40 | } |
41 | 41 |
|
42 | 42 | // search box |
43 | 43 | .select2-search--dropdown .select2-search__field { |
44 | | - border: $input-border-width solid $input-border-color; |
45 | | - border-radius: $input-border-radius; |
| 44 | + border: $input-border-width solid $input-border-color; |
| 45 | + border-radius: $input-border-radius; |
46 | 46 | } |
47 | 47 |
|
48 | 48 | // no result message |
49 | 49 | .select2-results__message { |
50 | | - color: $secondary; |
| 50 | + color: $secondary; |
51 | 51 | } |
0 commit comments