1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 |
|
38 | $form-height: $global-control-height !default;
|
39 | $form-line-height: $form-height !default;
|
40 | $form-padding-horizontal: 10px !default;
|
41 | $form-padding-vertical: 4px !default;
|
42 |
|
43 | $form-background: $global-muted-background !default;
|
44 | $form-color: $global-color !default;
|
45 |
|
46 | $form-focus-background: $global-muted-background !default;
|
47 | $form-focus-color: $global-color !default;
|
48 |
|
49 | $form-disabled-background: $global-muted-background !default;
|
50 | $form-disabled-color: $global-muted-color !default;
|
51 |
|
52 | $form-placeholder-color: $global-muted-color !default;
|
53 |
|
54 | $form-small-height: $global-control-small-height !default;
|
55 | $form-small-padding-horizontal: 8px !default;
|
56 | $form-small-line-height: $form-small-height !default;
|
57 | $form-small-font-size: $global-small-font-size !default;
|
58 |
|
59 | $form-large-height: $global-control-large-height !default;
|
60 | $form-large-padding-horizontal: 12px !default;
|
61 | $form-large-line-height: $form-large-height !default;
|
62 | $form-large-font-size: $global-medium-font-size !default;
|
63 |
|
64 | $form-danger-color: $global-danger-background !default;
|
65 | $form-success-color: $global-success-background !default;
|
66 |
|
67 | $form-width-xsmall: 50px !default;
|
68 | $form-width-small: 130px !default;
|
69 | $form-width-medium: 200px !default;
|
70 | $form-width-large: 500px !default;
|
71 |
|
72 | $form-select-padding-right: 20px !default;
|
73 | $form-select-icon-color: $global-color !default;
|
74 | $form-select-option-color: #444 !default;
|
75 | $form-select-disabled-icon-color: $global-muted-color !default;
|
76 |
|
77 | $form-datalist-padding-right: 20px !default;
|
78 | $form-datalist-icon-color: $global-color !default;
|
79 |
|
80 | $form-radio-size: 16px !default;
|
81 | $form-radio-margin-top: -4px !default;
|
82 | $form-radio-background: darken($global-muted-background, 5%) !default;
|
83 |
|
84 | $form-radio-checked-background: $global-primary-background !default;
|
85 | $form-radio-checked-icon-color: $global-inverse-color !default;
|
86 |
|
87 | $form-radio-checked-focus-background: darken($global-primary-background, 10%) !default;
|
88 |
|
89 | $form-radio-disabled-background: $global-muted-background !default;
|
90 | $form-radio-disabled-icon-color: $global-muted-color !default;
|
91 |
|
92 | $form-legend-font-size: $global-large-font-size !default;
|
93 | $form-legend-line-height: 1.4 !default;
|
94 |
|
95 | $form-stacked-margin-bottom: $global-small-margin !default;
|
96 |
|
97 | $form-horizontal-label-width: 200px !default;
|
98 | $form-horizontal-label-margin-top: 7px !default;
|
99 | $form-horizontal-controls-margin-left: 215px !default;
|
100 | $form-horizontal-controls-text-padding-top: 7px !default;
|
101 |
|
102 | $form-icon-width: $form-height !default;
|
103 | $form-icon-color: $global-muted-color !default;
|
104 | $form-icon-hover-color: $global-color !default;
|
105 |
|
106 | $internal-form-select-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default;
|
107 | $internal-form-datalist-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default;
|
108 | $internal-form-radio-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
|
109 | $internal-form-checkbox-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default;
|
110 | $internal-form-checkbox-indeterminate-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
|
111 |
|
112 |
|
113 |
|
114 |
|
115 |
|
116 |
|
117 |
|
118 |
|
119 |
|
120 |
|
121 |
|
122 |
|
123 |
|
124 |
|
125 |
|
126 |
|
127 |
|
128 | .uk-input,
|
129 | .uk-select,
|
130 | .uk-textarea,
|
131 | .uk-radio,
|
132 | .uk-checkbox {
|
133 |
|
134 | box-sizing: border-box;
|
135 |
|
136 | margin: 0;
|
137 |
|
138 | border-radius: 0;
|
139 |
|
140 | font: inherit;
|
141 | }
|
142 |
|
143 |
|
144 |
|
145 |
|
146 |
|
147 | .uk-input { overflow: visible; }
|
148 |
|
149 |
|
150 |
|
151 |
|
152 |
|
153 | .uk-select { text-transform: none; }
|
154 |
|
155 |
|
156 |
|
157 |
|
158 |
|
159 |
|
160 |
|
161 | .uk-select optgroup {
|
162 |
|
163 | font: inherit;
|
164 |
|
165 | font-weight: bold;
|
166 | }
|
167 |
|
168 |
|
169 |
|
170 |
|
171 |
|
172 | .uk-textarea { overflow: auto; }
|
173 |
|
174 |
|
175 |
|
176 |
|
177 |
|
178 | .uk-input[type="search"]::-webkit-search-cancel-button,
|
179 | .uk-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
180 |
|
181 |
|
182 |
|
183 |
|
184 |
|
185 |
|
186 | .uk-input[type="number"]::-webkit-inner-spin-button,
|
187 | .uk-input[type="number"]::-webkit-outer-spin-button { height: auto; }
|
188 |
|
189 |
|
190 |
|
191 |
|
192 |
|
193 | .uk-input::-moz-placeholder,
|
194 | .uk-textarea::-moz-placeholder { opacity: 1; }
|
195 |
|
196 |
|
197 |
|
198 |
|
199 |
|
200 | .uk-radio:not(:disabled),
|
201 | .uk-checkbox:not(:disabled) { cursor: pointer; }
|
202 |
|
203 |
|
204 |
|
205 |
|
206 |
|
207 | .uk-fieldset {
|
208 | border: none;
|
209 | margin: 0;
|
210 | padding: 0;
|
211 | }
|
212 |
|
213 |
|
214 |
|
215 |
|
216 |
|
217 |
|
218 |
|
219 |
|
220 |
|
221 |
|
222 |
|
223 |
|
224 | .uk-input,
|
225 | .uk-textarea { -webkit-appearance: none; }
|
226 |
|
227 |
|
228 |
|
229 |
|
230 |
|
231 |
|
232 |
|
233 |
|
234 | .uk-input,
|
235 | .uk-select,
|
236 | .uk-textarea {
|
237 |
|
238 | max-width: 100%;
|
239 |
|
240 | width: 100%;
|
241 |
|
242 | border: 0 none;
|
243 |
|
244 | padding: 0 $form-padding-horizontal;
|
245 | background: $form-background;
|
246 | color: $form-color;
|
247 | @if(mixin-exists(hook-form)) {@include hook-form();}
|
248 | }
|
249 |
|
250 |
|
251 |
|
252 |
|
253 |
|
254 |
|
255 |
|
256 |
|
257 | .uk-input,
|
258 | .uk-select:not([multiple]):not([size]) {
|
259 | height: $form-height;
|
260 | vertical-align: middle;
|
261 |
|
262 | display: inline-block;
|
263 | @if(mixin-exists(hook-form-single-line)) {@include hook-form-single-line();}
|
264 | }
|
265 |
|
266 |
|
267 | .uk-input:not(input),
|
268 | .uk-select:not(select) { line-height: $form-line-height; }
|
269 |
|
270 |
|
271 |
|
272 |
|
273 |
|
274 | .uk-select[multiple],
|
275 | .uk-select[size],
|
276 | .uk-textarea {
|
277 | padding-top: $form-padding-vertical;
|
278 | padding-bottom: $form-padding-vertical;
|
279 | vertical-align: top;
|
280 | @if(mixin-exists(hook-form-multi-line)) {@include hook-form-multi-line();}
|
281 | }
|
282 |
|
283 |
|
284 | .uk-input:focus,
|
285 | .uk-select:focus,
|
286 | .uk-textarea:focus {
|
287 | outline: none;
|
288 | background-color: $form-focus-background;
|
289 | color: $form-focus-color;
|
290 | @if(mixin-exists(hook-form-focus)) {@include hook-form-focus();}
|
291 | }
|
292 |
|
293 |
|
294 | .uk-input:disabled,
|
295 | .uk-select:disabled,
|
296 | .uk-textarea:disabled {
|
297 | background-color: $form-disabled-background;
|
298 | color: $form-disabled-color;
|
299 | @if(mixin-exists(hook-form-disabled)) {@include hook-form-disabled();}
|
300 | }
|
301 |
|
302 |
|
303 |
|
304 |
|
305 |
|
306 | .uk-input::-ms-input-placeholder { color: $form-placeholder-color !important; }
|
307 | .uk-input::placeholder { color: $form-placeholder-color; }
|
308 |
|
309 | .uk-textarea::-ms-input-placeholder { color: $form-placeholder-color !important; }
|
310 | .uk-textarea::placeholder { color: $form-placeholder-color; }
|
311 |
|
312 |
|
313 |
|
314 |
|
315 |
|
316 |
|
317 |
|
318 |
|
319 |
|
320 | .uk-form-small { font-size: $form-small-font-size; }
|
321 |
|
322 | .uk-form-small:not(textarea):not([multiple]):not([size]) {
|
323 | height: $form-small-height;
|
324 | padding-left: $form-small-padding-horizontal;
|
325 | padding-right: $form-small-padding-horizontal;
|
326 | }
|
327 |
|
328 | .uk-form-small:not(select):not(input):not(textarea) { line-height: $form-small-line-height; }
|
329 |
|
330 |
|
331 |
|
332 |
|
333 |
|
334 | .uk-form-large { font-size: $form-large-font-size; }
|
335 |
|
336 | .uk-form-large:not(textarea):not([multiple]):not([size]) {
|
337 | height: $form-large-height;
|
338 | padding-left: $form-large-padding-horizontal;
|
339 | padding-right: $form-large-padding-horizontal;
|
340 | }
|
341 |
|
342 | .uk-form-large:not(select):not(input):not(textarea) { line-height: $form-large-line-height; }
|
343 |
|
344 |
|
345 |
|
346 |
|
347 |
|
348 |
|
349 |
|
350 |
|
351 |
|
352 | .uk-form-danger,
|
353 | .uk-form-danger:focus {
|
354 | color: $form-danger-color;
|
355 | @if(mixin-exists(hook-form-danger)) {@include hook-form-danger();}
|
356 | }
|
357 |
|
358 |
|
359 |
|
360 |
|
361 |
|
362 | .uk-form-success,
|
363 | .uk-form-success:focus {
|
364 | color: $form-success-color;
|
365 | @if(mixin-exists(hook-form-success)) {@include hook-form-success();}
|
366 | }
|
367 |
|
368 |
|
369 |
|
370 |
|
371 |
|
372 | .uk-form-blank {
|
373 | background: none;
|
374 | @if(mixin-exists(hook-form-blank)) {@include hook-form-blank();}
|
375 | }
|
376 |
|
377 | .uk-form-blank:focus {
|
378 | @if(mixin-exists(hook-form-blank-focus)) {@include hook-form-blank-focus();}
|
379 | }
|
380 |
|
381 |
|
382 |
|
383 |
|
384 |
|
385 |
|
386 |
|
387 |
|
388 |
|
389 |
|
390 | input.uk-form-width-xsmall { width: $form-width-xsmall; }
|
391 |
|
392 | select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
|
393 |
|
394 | .uk-form-width-small { width: $form-width-small; }
|
395 |
|
396 | .uk-form-width-medium { width: $form-width-medium; }
|
397 |
|
398 | .uk-form-width-large { width: $form-width-large; }
|
399 |
|
400 |
|
401 |
|
402 |
|
403 |
|
404 |
|
405 |
|
406 |
|
407 |
|
408 |
|
409 |
|
410 |
|
411 | .uk-select:not([multiple]):not([size]) {
|
412 |
|
413 | -webkit-appearance: none;
|
414 | -moz-appearance: none;
|
415 |
|
416 | padding-right: $form-select-padding-right;
|
417 | @include svg-fill($internal-form-select-image, "#000", $form-select-icon-color);
|
418 | background-repeat: no-repeat;
|
419 | background-position: 100% 50%;
|
420 | }
|
421 |
|
422 |
|
423 | .uk-select:not([multiple]):not([size])::-ms-expand { display: none; }
|
424 |
|
425 |
|
426 | .uk-select:not([multiple]):not([size]) option { color: $form-select-option-color; }
|
427 |
|
428 |
|
429 |
|
430 |
|
431 |
|
432 | .uk-select:not([multiple]):not([size]):disabled { @include svg-fill($internal-form-select-image, "#000", $form-select-disabled-icon-color); }
|
433 |
|
434 |
|
435 |
|
436 |
|
437 |
|
438 |
|
439 |
|
440 |
|
441 |
|
442 | .uk-input[list] {
|
443 | padding-right: $form-datalist-padding-right;
|
444 | background-repeat: no-repeat;
|
445 | background-position: 100% 50%;
|
446 | }
|
447 |
|
448 | .uk-input[list]:hover,
|
449 | .uk-input[list]:focus { @include svg-fill($internal-form-datalist-image, "#000", $form-datalist-icon-color); }
|
450 |
|
451 |
|
452 | .uk-input[list]::-webkit-calendar-picker-indicator { display: none; }
|
453 |
|
454 |
|
455 |
|
456 |
|
457 |
|
458 |
|
459 |
|
460 |
|
461 |
|
462 |
|
463 |
|
464 |
|
465 |
|
466 |
|
467 |
|
468 | .uk-radio,
|
469 | .uk-checkbox {
|
470 |
|
471 | display: inline-block;
|
472 | height: $form-radio-size;
|
473 | width: $form-radio-size;
|
474 |
|
475 | overflow: hidden;
|
476 |
|
477 | margin-top: $form-radio-margin-top;
|
478 | vertical-align: middle;
|
479 |
|
480 | -webkit-appearance: none;
|
481 | -moz-appearance: none;
|
482 |
|
483 | background-color: $form-radio-background;
|
484 |
|
485 | background-repeat: no-repeat;
|
486 | background-position: 50% 50%;
|
487 | @if(mixin-exists(hook-form-radio)) {@include hook-form-radio();}
|
488 | }
|
489 |
|
490 | .uk-radio { border-radius: 50%; }
|
491 |
|
492 |
|
493 | .uk-radio:focus,
|
494 | .uk-checkbox:focus {
|
495 | outline: none;
|
496 | @if(mixin-exists(hook-form-radio-focus)) {@include hook-form-radio-focus();}
|
497 | }
|
498 |
|
499 |
|
500 |
|
501 |
|
502 |
|
503 | .uk-radio:checked,
|
504 | .uk-checkbox:checked,
|
505 | .uk-checkbox:indeterminate {
|
506 | background-color: $form-radio-checked-background;
|
507 | @if(mixin-exists(hook-form-radio-checked)) {@include hook-form-radio-checked();}
|
508 | }
|
509 |
|
510 |
|
511 | .uk-radio:checked:focus,
|
512 | .uk-checkbox:checked:focus,
|
513 | .uk-checkbox:indeterminate:focus {
|
514 | background-color: $form-radio-checked-focus-background;
|
515 | @if(mixin-exists(hook-form-radio-checked-focus)) {@include hook-form-radio-checked-focus();}
|
516 | }
|
517 |
|
518 |
|
519 |
|
520 |
|
521 |
|
522 | .uk-radio:checked { @include svg-fill($internal-form-radio-image, "#000", $form-radio-checked-icon-color); }
|
523 | .uk-checkbox:checked { @include svg-fill($internal-form-checkbox-image, "#000", $form-radio-checked-icon-color); }
|
524 | .uk-checkbox:indeterminate { @include svg-fill($internal-form-checkbox-indeterminate-image, "#000", $form-radio-checked-icon-color); }
|
525 |
|
526 |
|
527 |
|
528 |
|
529 |
|
530 | .uk-radio:disabled,
|
531 | .uk-checkbox:disabled {
|
532 | background-color: $form-radio-disabled-background;
|
533 | @if(mixin-exists(hook-form-radio-disabled)) {@include hook-form-radio-disabled();}
|
534 | }
|
535 |
|
536 | .uk-radio:disabled:checked { @include svg-fill($internal-form-radio-image, "#000", $form-radio-disabled-icon-color); }
|
537 | .uk-checkbox:disabled:checked { @include svg-fill($internal-form-checkbox-image, "#000", $form-radio-disabled-icon-color); }
|
538 | .uk-checkbox:disabled:indeterminate { @include svg-fill($internal-form-checkbox-indeterminate-image, "#000", $form-radio-disabled-icon-color); }
|
539 |
|
540 |
|
541 |
|
542 |
|
543 |
|
544 |
|
545 |
|
546 |
|
547 |
|
548 |
|
549 |
|
550 |
|
551 |
|
552 | .uk-legend {
|
553 |
|
554 | width: 100%;
|
555 |
|
556 | color: inherit;
|
557 |
|
558 | padding: 0;
|
559 |
|
560 | font-size: $form-legend-font-size;
|
561 | line-height: $form-legend-line-height;
|
562 | @if(mixin-exists(hook-form-legend)) {@include hook-form-legend();}
|
563 | }
|
564 |
|
565 |
|
566 |
|
567 |
|
568 |
|
569 |
|
570 |
|
571 |
|
572 |
|
573 |
|
574 |
|
575 |
|
576 | .uk-form-custom {
|
577 |
|
578 | display: inline-block;
|
579 |
|
580 | position: relative;
|
581 |
|
582 | max-width: 100%;
|
583 |
|
584 | vertical-align: middle;
|
585 | }
|
586 |
|
587 |
|
588 |
|
589 |
|
590 |
|
591 |
|
592 |
|
593 |
|
594 |
|
595 |
|
596 | .uk-form-custom select,
|
597 | .uk-form-custom input[type="file"] {
|
598 |
|
599 | position: absolute;
|
600 | top: 0;
|
601 | z-index: 1;
|
602 | width: 100%;
|
603 | height: 100%;
|
604 |
|
605 | left: 0;
|
606 |
|
607 | -webkit-appearance: none;
|
608 |
|
609 | opacity: 0;
|
610 | cursor: pointer;
|
611 | }
|
612 |
|
613 | .uk-form-custom input[type="file"] {
|
614 |
|
615 | font-size: 500px;
|
616 |
|
617 | overflow: hidden;
|
618 | }
|
619 |
|
620 |
|
621 |
|
622 |
|
623 |
|
624 | .uk-form-label {
|
625 | @if(mixin-exists(hook-form-label)) {@include hook-form-label();}
|
626 | }
|
627 |
|
628 |
|
629 |
|
630 |
|
631 |
|
632 |
|
633 |
|
634 |
|
635 |
|
636 | .uk-form-stacked .uk-form-label {
|
637 | display: block;
|
638 | margin-bottom: $form-stacked-margin-bottom;
|
639 | @if(mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
|
640 | }
|
641 |
|
642 |
|
643 |
|
644 |
|
645 |
|
646 |
|
647 | @media (max-width: $breakpoint-small-max) {
|
648 |
|
649 |
|
650 | .uk-form-horizontal .uk-form-label {
|
651 | display: block;
|
652 | margin-bottom: $form-stacked-margin-bottom;
|
653 | @if(mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
|
654 | }
|
655 |
|
656 | }
|
657 |
|
658 |
|
659 | @media (min-width: $breakpoint-medium) {
|
660 |
|
661 | .uk-form-horizontal .uk-form-label {
|
662 | width: $form-horizontal-label-width;
|
663 | margin-top: $form-horizontal-label-margin-top;
|
664 | float: left;
|
665 | @if(mixin-exists(hook-form-horizontal-label)) {@include hook-form-horizontal-label();}
|
666 | }
|
667 |
|
668 | .uk-form-horizontal .uk-form-controls { margin-left: $form-horizontal-controls-margin-left; }
|
669 |
|
670 |
|
671 | .uk-form-horizontal .uk-form-controls-text { padding-top: $form-horizontal-controls-text-padding-top; }
|
672 |
|
673 | }
|
674 |
|
675 |
|
676 |
|
677 |
|
678 |
|
679 |
|
680 |
|
681 |
|
682 |
|
683 |
|
684 |
|
685 |
|
686 | .uk-form-icon {
|
687 |
|
688 | position: absolute;
|
689 | top: 0;
|
690 | bottom: 0;
|
691 | left: 0;
|
692 |
|
693 | width: $form-icon-width;
|
694 |
|
695 | display: inline-flex;
|
696 | justify-content: center;
|
697 | align-items: center;
|
698 |
|
699 | color: $form-icon-color;
|
700 | }
|
701 |
|
702 |
|
703 |
|
704 |
|
705 |
|
706 | .uk-form-icon:hover { color: $form-icon-hover-color; }
|
707 |
|
708 |
|
709 |
|
710 |
|
711 |
|
712 | .uk-form-icon:not(a):not(button):not(input) { pointer-events: none; }
|
713 |
|
714 |
|
715 |
|
716 |
|
717 |
|
718 | .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: $form-icon-width !important; }
|
719 |
|
720 |
|
721 |
|
722 |
|
723 |
|
724 | .uk-form-icon-flip {
|
725 | right: 0;
|
726 | left: auto;
|
727 | }
|
728 |
|
729 | .uk-form-icon-flip ~ .uk-input { padding-right: $form-icon-width !important; }
|
730 |
|
731 |
|
732 |
|
733 |
|
734 |
|
735 | @if(mixin-exists(hook-form-misc)) {@include hook-form-misc();}
|
736 |
|
737 |
|
738 |
|
739 |
|
740 |
|
741 |
|
742 |
|
743 |
|
744 |
|
745 |
|
746 |
|
747 |
|
748 |
|
749 |
|
750 |
|
751 |
|
752 |
|
753 |
|
754 |
|
755 |
|
756 |
|
757 |
|
758 |
|
759 |
|
760 |
|
761 | $inverse-form-background: $inverse-global-muted-background !default;
|
762 | $inverse-form-color: $inverse-global-color !default;
|
763 | $inverse-form-focus-background: $inverse-global-muted-background !default;
|
764 | $inverse-form-focus-color: $inverse-global-color !default;
|
765 | $inverse-form-placeholder-color: $inverse-global-muted-color !default;
|
766 |
|
767 | $inverse-form-select-icon-color: $inverse-global-color !default;
|
768 |
|
769 | $inverse-form-datalist-icon-color: $inverse-global-color !default;
|
770 |
|
771 | $inverse-form-radio-background: darken($inverse-global-muted-background, 5%) !default;
|
772 |
|
773 | $inverse-form-radio-checked-background: $inverse-global-primary-background !default;
|
774 | $inverse-form-radio-checked-icon-color: $inverse-global-inverse-color !default;
|
775 |
|
776 | $inverse-form-radio-checked-focus-background: darken($inverse-global-primary-background, 10%) !default;
|
777 |
|
778 | $inverse-form-icon-color: $inverse-global-muted-color !default;
|
779 | $inverse-form-icon-hover-color: $inverse-global-color !default;
|
780 |
|
781 |
|
782 |
|
783 |
|
784 |
|
785 |
|
786 |
|
787 |
|
788 |
|
789 |
|