@candy-kingdom/bonnie-cms 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/forms/lottie-form/lottie-form.component.mjs +2 -2
- package/esm2022/lib/forms/svg-form/svg-form.component.mjs +2 -2
- package/fesm2022/candy-kingdom-bonnie-cms.mjs +4 -4
- package/fesm2022/candy-kingdom-bonnie-cms.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/admin-variables.scss +286 -280
|
@@ -13,45 +13,51 @@ $adminMobileViewPortCoeff: 0.35;
|
|
|
13
13
|
|
|
14
14
|
$barWidth: 120px;
|
|
15
15
|
|
|
16
|
+
@mixin checkerboard {
|
|
17
|
+
background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
|
|
18
|
+
background-size: 20px 20px;
|
|
19
|
+
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
|
|
20
|
+
}
|
|
21
|
+
|
|
16
22
|
////////////////////////
|
|
17
23
|
// FONTS
|
|
18
24
|
|
|
19
25
|
// todo: remove
|
|
20
26
|
@mixin adminBigTextDesktop {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
27
|
+
letter-spacing: -0.01em;
|
|
28
|
+
font-size: $atom * 12 * $adminDesktopViewPortCoeff;
|
|
29
|
+
line-height: $big-text-line-height * $adminDesktopViewPortCoeff;
|
|
30
|
+
color: var(--text-color);
|
|
25
31
|
}
|
|
26
32
|
|
|
27
33
|
@mixin adminBigTextTablet {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
34
|
+
font-size: $tabletAtom * 12 * $adminTabletViewPortCoeff;
|
|
35
|
+
line-height: $big-text-line-height-tablet * $adminTabletViewPortCoeff;
|
|
36
|
+
color: var(--text-color);
|
|
31
37
|
}
|
|
32
38
|
|
|
33
39
|
@mixin adminBigTextMobile {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
40
|
+
font-size: math.div($mobileAtom * 12, 2) * $adminMobileViewPortCoeff;
|
|
41
|
+
line-height: $big-text-line-height-mobile * $adminMobileViewPortCoeff;
|
|
42
|
+
color: var(--text-color);
|
|
37
43
|
}
|
|
38
44
|
|
|
39
45
|
@mixin adminSmallTextDesktop {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
46
|
+
font-size: $atom * 4 * $adminDesktopViewPortCoeff;
|
|
47
|
+
line-height: $small-text-line-height * $adminDesktopViewPortCoeff;
|
|
48
|
+
color: var(--text-color);
|
|
43
49
|
}
|
|
44
50
|
|
|
45
51
|
@mixin adminSmallTextTablet {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
52
|
+
font-size: $tabletAtom * 4 * $adminTabletViewPortCoeff;
|
|
53
|
+
line-height: $small-text-line-height-tablet * $adminTabletViewPortCoeff;
|
|
54
|
+
color: var(--text-color);
|
|
49
55
|
}
|
|
50
56
|
|
|
51
57
|
@mixin adminSmallTextMobile {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
58
|
+
font-size: $mobileAtom * 4 * $adminMobileViewPortCoeff;
|
|
59
|
+
line-height: $small-text-line-height-mobile * $adminMobileViewPortCoeff;
|
|
60
|
+
color: var(--text-color);
|
|
55
61
|
}
|
|
56
62
|
|
|
57
63
|
|
|
@@ -59,376 +65,376 @@ $barWidth: 120px;
|
|
|
59
65
|
//////////////////////////
|
|
60
66
|
|
|
61
67
|
@mixin adminDesktopGrid {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
68
|
+
display: grid;
|
|
69
|
+
grid-template-columns: repeat(12, 1fr);
|
|
70
|
+
grid-column-gap: $desktopHGap * $adminDesktopViewPortCoeff;
|
|
71
|
+
padding-left: $desktopHGap * $adminDesktopViewPortCoeff;
|
|
72
|
+
padding-right: $desktopHGap * $adminDesktopViewPortCoeff;
|
|
67
73
|
}
|
|
68
74
|
|
|
69
75
|
@mixin adminTabletGrid {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
76
|
+
display: grid;
|
|
77
|
+
grid-template-columns: repeat(12, 1fr);
|
|
78
|
+
grid-column-gap: $tabletHGap * $adminTabletViewPortCoeff;
|
|
79
|
+
padding-left: $tabletHGap * $adminTabletViewPortCoeff;
|
|
80
|
+
padding-right: $tabletHGap * $adminTabletViewPortCoeff;
|
|
75
81
|
}
|
|
76
82
|
|
|
77
83
|
@mixin adminTabletFlex {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-direction: column;
|
|
86
|
+
padding-right: $tabletHGap * $adminTabletViewPortCoeff;
|
|
87
|
+
padding-left: $tabletHGap * $adminTabletViewPortCoeff;
|
|
82
88
|
}
|
|
83
89
|
|
|
84
90
|
@mixin admin-mobile-flex {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
91
|
+
display: flex;
|
|
92
|
+
flex-direction: column;
|
|
93
|
+
padding-right: $mobileAtom * $adminMobileViewPortCoeff;
|
|
94
|
+
padding-left: $mobileAtom * $adminMobileViewPortCoeff;
|
|
89
95
|
}
|
|
90
96
|
|
|
91
97
|
@mixin editingStyles() {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
98
|
+
background: repeating-linear-gradient(-45deg,
|
|
99
|
+
$adminAccentColor,
|
|
100
|
+
$adminAccentColor 10px,
|
|
101
|
+
$adminNegativeAccentColor 10px,
|
|
102
|
+
$adminNegativeAccentColor 20px) fixed bottom;
|
|
97
103
|
}
|
|
98
104
|
|
|
99
105
|
@mixin editingStyles2() {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
106
|
+
background: repeating-linear-gradient(-45deg,
|
|
107
|
+
transparentize($adminAccentColor, 0),
|
|
108
|
+
transparentize($adminAccentColor, 0) 10px,
|
|
109
|
+
transparentize($adminNegativeAccentColor, 1) 10px,
|
|
110
|
+
transparentize($adminNegativeAccentColor, 1) 20px) fixed bottom;
|
|
105
111
|
}
|
|
106
112
|
|
|
107
113
|
@mixin edit-media-overlay {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
114
|
+
&:hover::after {
|
|
115
|
+
display: flex;
|
|
116
|
+
justify-content: center;
|
|
117
|
+
align-items: center;
|
|
118
|
+
content: '';
|
|
119
|
+
position: absolute;
|
|
120
|
+
color: silver;
|
|
121
|
+
top: 0;
|
|
122
|
+
left: 0;
|
|
123
|
+
right: 0;
|
|
124
|
+
bottom: 0;
|
|
125
|
+
font-weight: bold;
|
|
126
|
+
font-size: 50pt;
|
|
127
|
+
pointer-events: none;
|
|
128
|
+
background-color: transparentize($adminAccentColor, 0.3);
|
|
129
|
+
}
|
|
124
130
|
}
|
|
125
131
|
|
|
126
132
|
@mixin admin-textarea {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
133
|
+
display: block;
|
|
134
|
+
width: 100%;
|
|
135
|
+
line-height: 140%;
|
|
136
|
+
padding: 2px 0;
|
|
137
|
+
margin: 0;
|
|
138
|
+
box-sizing: content-box;
|
|
139
|
+
border: none;
|
|
140
|
+
resize: none;
|
|
141
|
+
|
|
142
|
+
&:focus {
|
|
143
|
+
outline: none;
|
|
144
|
+
}
|
|
139
145
|
|
|
140
|
-
|
|
141
|
-
|
|
146
|
+
&[readonly] {
|
|
147
|
+
cursor: pointer;
|
|
142
148
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
149
|
+
&::selection {
|
|
150
|
+
user-select: none;
|
|
151
|
+
}
|
|
146
152
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
}
|
|
153
|
+
&:hover {
|
|
154
|
+
@include editingStyles2;
|
|
155
|
+
color: $adminNegativeAccentColor;
|
|
151
156
|
}
|
|
157
|
+
}
|
|
152
158
|
}
|
|
153
159
|
|
|
154
160
|
@mixin empty-media-placeholder($text) {
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
161
|
+
background-color: black;
|
|
162
|
+
|
|
163
|
+
&::before {
|
|
164
|
+
content: $text;
|
|
165
|
+
position: absolute;
|
|
166
|
+
top: 0;
|
|
167
|
+
left: 0;
|
|
168
|
+
right: 0;
|
|
169
|
+
bottom: 0;
|
|
170
|
+
color: white;
|
|
171
|
+
display: flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
justify-content: center;
|
|
174
|
+
pointer-events: none;
|
|
175
|
+
}
|
|
170
176
|
}
|
|
171
177
|
|
|
172
178
|
$highlightColor: #333;
|
|
173
179
|
|
|
174
180
|
@mixin admin-controls {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
}
|
|
181
|
+
a.btn {
|
|
182
|
+
display: block;
|
|
183
|
+
//border: 1px solid white;
|
|
184
|
+
padding: 3pt;
|
|
185
|
+
text-align: center;
|
|
186
|
+
user-select: none;
|
|
187
|
+
|
|
188
|
+
&:hover {
|
|
189
|
+
border-color: $highlightColor;
|
|
190
|
+
background-color: $highlightColor;
|
|
186
191
|
}
|
|
192
|
+
}
|
|
187
193
|
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
194
|
+
select {
|
|
195
|
+
color: white;
|
|
196
|
+
border-color: white;
|
|
197
|
+
background-color: black;
|
|
198
|
+
padding: 3pt;
|
|
193
199
|
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
}
|
|
200
|
+
option {
|
|
201
|
+
color: white;
|
|
197
202
|
}
|
|
203
|
+
}
|
|
198
204
|
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
205
|
+
input[type="checkbox"] {
|
|
206
|
+
display: inline-block;
|
|
207
|
+
margin-right: 6pt;
|
|
208
|
+
}
|
|
203
209
|
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
210
|
+
textarea {
|
|
211
|
+
resize: none;
|
|
212
|
+
}
|
|
207
213
|
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
214
|
+
input[type="text"],
|
|
215
|
+
textarea {
|
|
216
|
+
width: 100%;
|
|
217
|
+
display: block;
|
|
218
|
+
background-color: black;
|
|
219
|
+
color: white;
|
|
220
|
+
border: 1px solid white;
|
|
221
|
+
padding: 6pt;
|
|
222
|
+
resize: none;
|
|
223
|
+
box-sizing: border-box;
|
|
224
|
+
}
|
|
219
225
|
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
}
|
|
226
|
+
input,
|
|
227
|
+
textarea,
|
|
228
|
+
select {
|
|
229
|
+
&:focus {
|
|
230
|
+
outline: none;
|
|
231
|
+
background-color: $highlightColor;
|
|
232
|
+
border-color: $highlightColor;
|
|
228
233
|
}
|
|
234
|
+
}
|
|
229
235
|
}
|
|
230
236
|
|
|
231
237
|
@mixin super-form {
|
|
232
|
-
|
|
238
|
+
@include admin-controls;
|
|
233
239
|
|
|
234
|
-
|
|
240
|
+
.form-field {}
|
|
235
241
|
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
242
|
+
.form-field+.form-field {
|
|
243
|
+
margin-top: 20pt;
|
|
244
|
+
}
|
|
239
245
|
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
246
|
+
.form-section+.form-section {
|
|
247
|
+
margin-top: 60pt;
|
|
248
|
+
}
|
|
243
249
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
250
|
+
label {
|
|
251
|
+
display: block;
|
|
252
|
+
user-select: none;
|
|
247
253
|
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
}
|
|
254
|
+
.inner {
|
|
255
|
+
display: inline-block;
|
|
256
|
+
padding-bottom: 4pt;
|
|
252
257
|
}
|
|
258
|
+
}
|
|
253
259
|
}
|
|
254
260
|
|
|
255
261
|
|
|
256
262
|
@mixin admin-button {
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
263
|
+
display: block;
|
|
264
|
+
color: white;
|
|
265
|
+
background-color: transparent;
|
|
266
|
+
box-shadow: none;
|
|
267
|
+
border: none;
|
|
268
|
+
outline: none;
|
|
269
|
+
text-decoration: none;
|
|
270
|
+
cursor: pointer;
|
|
265
271
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
272
|
+
padding: 3pt 10pt;
|
|
273
|
+
text-align: center;
|
|
274
|
+
user-select: none;
|
|
269
275
|
|
|
270
276
|
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
277
|
+
&:hover {
|
|
278
|
+
border-color: $highlightColor;
|
|
279
|
+
background-color: #333;
|
|
280
|
+
}
|
|
275
281
|
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
282
|
+
&:disabled {
|
|
283
|
+
color: gray;
|
|
284
|
+
}
|
|
279
285
|
}
|
|
280
286
|
|
|
281
287
|
@mixin cancel-button {
|
|
282
288
|
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
289
|
+
&:hover:enabled,
|
|
290
|
+
&:focus:enabled {
|
|
291
|
+
//color: white;
|
|
292
|
+
//background-color: yellow;
|
|
293
|
+
}
|
|
288
294
|
}
|
|
289
295
|
|
|
290
296
|
@mixin save-button {
|
|
291
297
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
298
|
+
&:hover:enabled,
|
|
299
|
+
&:focus:enabled {
|
|
300
|
+
//color: white;
|
|
301
|
+
//background-color: yellow;
|
|
302
|
+
}
|
|
297
303
|
}
|
|
298
304
|
|
|
299
305
|
@mixin delete-button {
|
|
300
|
-
|
|
306
|
+
padding: 3pt 10pt;
|
|
301
307
|
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
308
|
+
&:hover,
|
|
309
|
+
&:focus {
|
|
310
|
+
//color: white;
|
|
311
|
+
background-color: red;
|
|
312
|
+
}
|
|
307
313
|
}
|
|
308
314
|
|
|
309
315
|
@mixin editor {
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
316
|
+
display: block;
|
|
317
|
+
background-color: var(--bg-color);
|
|
318
|
+
color: var(--text-color);
|
|
313
319
|
}
|
|
314
320
|
|
|
315
321
|
@mixin admin-form-layout {
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
322
|
+
display: flex;
|
|
323
|
+
flex-direction: column;
|
|
324
|
+
align-items: center;
|
|
325
|
+
justify-content: center;
|
|
326
|
+
position: relative;
|
|
321
327
|
|
|
322
|
-
|
|
328
|
+
padding-bottom: 40px;
|
|
323
329
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
330
|
+
form {
|
|
331
|
+
font-family: $adminFont;
|
|
332
|
+
font-size: 14px;
|
|
333
|
+
}
|
|
328
334
|
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
+
input,
|
|
336
|
+
select,
|
|
337
|
+
textarea {
|
|
338
|
+
font-family: $adminFont;
|
|
339
|
+
font-size: 14px;
|
|
340
|
+
}
|
|
335
341
|
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
342
|
+
textarea {
|
|
343
|
+
resize: none;
|
|
344
|
+
}
|
|
339
345
|
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
346
|
+
.controls {
|
|
347
|
+
position: absolute;
|
|
348
|
+
bottom: 15px;
|
|
343
349
|
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
350
|
+
display: flex;
|
|
351
|
+
justify-content: center;
|
|
352
|
+
align-items: center;
|
|
353
|
+
}
|
|
348
354
|
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
355
|
+
button+button {
|
|
356
|
+
margin-left: 4px;
|
|
357
|
+
}
|
|
352
358
|
}
|
|
353
359
|
|
|
354
360
|
@mixin admin-form-title {
|
|
355
|
-
|
|
356
|
-
|
|
361
|
+
font-family: $adminFont;
|
|
362
|
+
font-size: 14px;
|
|
357
363
|
}
|
|
358
364
|
|
|
359
365
|
@mixin admin-form {
|
|
360
|
-
|
|
366
|
+
display: block;
|
|
361
367
|
}
|
|
362
368
|
|
|
363
369
|
@mixin bone-input {
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
370
|
+
display: block;
|
|
371
|
+
border: none;
|
|
372
|
+
background-color: rgba(gray, 0.1);
|
|
373
|
+
color: var(--text-color);
|
|
368
374
|
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
375
|
+
&:hover {
|
|
376
|
+
background-color: lightgray;
|
|
377
|
+
cursor: pointer;
|
|
378
|
+
}
|
|
373
379
|
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
380
|
+
&:focus {
|
|
381
|
+
outline: none;
|
|
382
|
+
color: black;
|
|
383
|
+
background-color: $adminAccentColor;
|
|
384
|
+
}
|
|
379
385
|
}
|
|
380
386
|
|
|
381
387
|
@mixin adminInput {
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
388
|
+
display: block;
|
|
389
|
+
width: 100%;
|
|
390
|
+
padding: 6px;
|
|
391
|
+
color: silver;
|
|
392
|
+
border: 1px solid silver;
|
|
393
|
+
background-color: transparent;
|
|
394
|
+
box-sizing: border-box;
|
|
389
395
|
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
396
|
+
&:hover {
|
|
397
|
+
border-color: transparent;
|
|
398
|
+
background-color: #333;
|
|
399
|
+
cursor: pointer;
|
|
400
|
+
}
|
|
395
401
|
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
+
&:focus {
|
|
403
|
+
outline: none;
|
|
404
|
+
color: white;
|
|
405
|
+
border-color: transparent;
|
|
406
|
+
background-color: #555;
|
|
407
|
+
}
|
|
402
408
|
}
|
|
403
409
|
|
|
404
410
|
@mixin form-select-basic {
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
411
|
+
width: 100%;
|
|
412
|
+
margin-bottom: 0.5em;
|
|
413
|
+
padding: 6px;
|
|
408
414
|
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
+
font-size: inherit;
|
|
416
|
+
box-sizing: border-box;
|
|
417
|
+
background-color: transparent;
|
|
418
|
+
border: 1px solid silver;
|
|
419
|
+
outline: none;
|
|
420
|
+
color: silver;
|
|
415
421
|
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
422
|
+
&:hover,
|
|
423
|
+
&:focus {
|
|
424
|
+
color: $adminAccentColor;
|
|
425
|
+
}
|
|
420
426
|
|
|
421
|
-
|
|
422
|
-
|
|
427
|
+
option {
|
|
428
|
+
background-color: #444;
|
|
423
429
|
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
430
|
+
&:checked {
|
|
431
|
+
color: $adminAccentColor;
|
|
432
|
+
}
|
|
427
433
|
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
}
|
|
434
|
+
&:not(checked) {
|
|
435
|
+
color: silver;
|
|
431
436
|
}
|
|
437
|
+
}
|
|
432
438
|
}
|
|
433
439
|
|
|
434
440
|
@mixin adminInputContainer {
|