PluginProbe
Elementor Website Builder – more than just a page builder / 3.8.0-beta1
Elementor Website Builder – more than just a page builder v3.8.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
elementor / app / assets / js / ui / molecules / select2-api.scss

select2-api.scss in Elementor Website Builder – more than just a page builder 3.8.0-beta1, at app/assets/js/ui/molecules/select2-api.scss

152 lines 7.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 $select-box-selected-item-default-color: #5897fb;
2
3 // Selection Box
4 $select2-selection-background-color: theme-colors(light);
5 $select2-selection-dark-background-color: dark-tints(700);
6
7 $select2-selection-color: tints(600);
8 $select2-selection-dark-color: dark-tints(100);
9
10 $select2-selection-border-color: tints(300);
11 $select2-selection-dark-border-color: dark-tints(400);
12
13 $select2-selection-opened-focused-border-color: tints(200);
14 $select2-selection-opened-focused-dark-border-color: dark-tints(300);
15
16 $select2-single-selection-rendered-color: tints(600);
17 $select2-single-selection-rendered-dark-color: dark-tints(100);
18
19 $select2-default-single-selection-background-color: theme-colors(light);
20 $select2-default-single-selection-dark-background-color: dark-tints(700);
21
22 $select2-default-single-selection-border-color: tints(300);
23 $select2-default-single-selection-dark-border-color: dark-tints(500);
24
25 $select2-default-multiple-selection-background-color: theme-colors(light);
26 $select2-default-multiple-selection-dark-background-color: dark-tints(700);
27
28 $select2-default-multiple-selection-choice-background-color: tints(200);
29 $select2-default-multiple-selection-choice-dark-background-color: dark-tints(500);
30
31 $select2-default-multiple-selection-choice-color: tints(600);
32 $select2-default-multiple-selection-choice-dark-color: dark-tints(100);
33
34 $select2-default-multiple-selection-choice-border-color: tints(200);
35 $select2-default-multiple-selection-choice-dark-border-color: dark-tints(500);
36
37 $select2-default-multiple-selection-choice-remove-color: tints(500);
38 $select2-default-multiple-selection-choice-remove-dark-color: dark-tints(200);
39
40 $select2-default-multiple-selection-choice-remove-hover-color: tints(600);
41 $select2-default-multiple-selection-choice-remove-hover-dark-color: dark-tints(100);
42
43 // Option
44
45 $select2-default-results-selected-option-background-color: theme-colors(light);
46 $select2-default-results-selected-option-dark-background-color: dark-tints(700);
47
48 $select2-default-results-selected-option-color: tints(600);
49 $select2-default-results-selected-option-dark-color: dark-tints(100);
50
51 // Highlighted Option
52
53 $select2-default-results-highlighted-option-background-color: $select-box-selected-item-default-color;
54 $select2-default-results-highlighted-option-dark-background-color: dark-tints(500);
55
56 $select2-default-results-highlighted-option-color: theme-colors(light);
57 $select2-default-results-highlighted-option-dark-color: dark-tints(100);
58
59 // Results - Selected
60
61 $select2-results-selected-option-background-color: $select-box-selected-item-default-color;
62 $select2-results-selected-option-dark-background-color: dark-tints(500);
63
64 $select2-results-selected-option-color: theme-colors(light);
65 $select2-results-selected-option-dark-color: dark-tints(100);
66
67 // Dropdown
68
69 $select2-dropdown-background-color: theme-colors(light);
70 $select2-dropdown-dark-background-color: dark-tints(700);
71
72 $select2-dropdown-border-color: tints(300);
73 $select2-dropdown-dark-border-color: dark-tints(400);
74
75 :root {
76 // Selection Box
77 --select2-selection-background-color: #{$select2-selection-background-color};
78 --select2-selection-color: #{$select2-selection-color};
79 --select2-selection-border-color: #{$select2-selection-border-color};
80 --select2-selection-opened-focused-border-color: #{$select2-selection-opened-focused-border-color};
81
82 --select2-single-selection-rendered-color: #{$select2-single-selection-rendered-color};
83
84 --select2-default-single-selection-background-color: #{$select2-default-single-selection-background-color};
85
86 --select2-default-single-selection-border-color: #{$select2-default-single-selection-border-color};
87
88 --select2-default-multiple-selection-background-color: #{$select2-default-multiple-selection-background-color};
89
90 // Multiple - selected items
91 --select2-default-multiple-selection-choice-background-color: #{$select2-default-multiple-selection-choice-background-color};
92 --select2-default-multiple-selection-choice-color: #{$select2-default-multiple-selection-choice-color};
93 --select2-default-multiple-selection-choice-border-color: #{$select2-default-multiple-selection-choice-border-color};
94 --select2-default-multiple-selection-choice-remove-color: #{$select2-default-multiple-selection-choice-remove-color};
95 --select2-default-multiple-selection-choice-remove-hover-color: #{$select2-default-multiple-selection-choice-remove-hover-color};
96
97 // Option
98 --select2-default-results-selected-option-background-color: #{$select2-default-results-selected-option-background-color};
99 --select2-default-results-selected-option-color: #{$select2-default-results-selected-option-color};
100
101 // Highlighted Option
102 --select2-default-results-highlighted-option-background-color: #{$select2-default-results-highlighted-option-background-color};
103 --select2-default-results-highlighted-option-color: #{$select2-default-results-highlighted-option-color};
104
105 // Results - Selected
106 --select2-results-selected-option-background-color: #{$select2-results-selected-option-background-color};
107 --select2-results-selected-option-color: #{$select2-results-selected-option-color};
108
109 // Dropdown
110 --select2-dropdown-background-color: #{$select2-dropdown-background-color};
111 --select2-dropdown-border-color: #{$select2-dropdown-border-color};
112 }
113
114 .eps-theme-dark {
115 // Selection Box
116 --select2-selection-background-color: #{$select2-selection-dark-background-color};
117 --select2-selection-color: #{$select2-selection-dark-color};
118 --select2-selection-border-color: #{$select2-selection-dark-border-color};
119 --select2-selection-opened-focused-border-color: #{$select2-selection-opened-focused-dark-border-color};
120
121 --select2-single-selection-rendered-color: #{$select2-single-selection-rendered-dark-color};
122
123 --select2-default-single-selection-background-color: #{$select2-default-single-selection-dark-background-color};
124
125 --select2-default-single-selection-border-color: #{$select2-default-single-selection-dark-border-color};
126
127 --select2-default-multiple-selection-background-color: #{$select2-default-multiple-selection-dark-background-color};
128
129 // Multiple - Selected Items
130 --select2-default-multiple-selection-choice-background-color: #{$select2-default-multiple-selection-choice-dark-background-color};
131 --select2-default-multiple-selection-choice-color: #{$select2-default-multiple-selection-choice-dark-color};
132 --select2-default-multiple-selection-choice-border-color: #{$select2-default-multiple-selection-choice-dark-border-color};
133 --select2-default-multiple-selection-choice-remove-color: #{$select2-default-multiple-selection-choice-remove-dark-color};
134 --select2-default-multiple-selection-choice-remove-hover-color: #{$select2-default-multiple-selection-choice-remove-hover-dark-color};
135
136 // Option
137 --select2-default-results-selected-option-background-color: #{$select2-default-results-selected-option-dark-background-color};
138 --select2-default-results-selected-option-color: #{$select2-default-results-selected-option-dark-color};
139
140 // Highlighted Option
141 --select2-default-results-highlighted-option-background-color: #{$select2-default-results-highlighted-option-dark-background-color};
142 --select2-default-results-highlighted-option-color: #{$select2-default-results-highlighted-option-dark-color};
143
144 // Results - Selected
145 --select2-results-selected-option-background-color: #{$select2-results-selected-option-dark-background-color};
146 --select2-results-selected-option-color: #{$select2-results-selected-option-dark-color};
147
148 // Dropdown
149 --select2-dropdown-background-color: #{$select2-dropdown-dark-background-color};
150 --select2-dropdown-border-color: #{$select2-dropdown-dark-border-color};
151 }
152