1 | $components: (
|
2 | 'Listbox',
|
3 | 'DropdownList',
|
4 | 'Combobox',
|
5 | 'Autocomplete',
|
6 | 'Multiselect',
|
7 | 'DatePicker',
|
8 | 'Calendar',
|
9 | 'TimeInput',
|
10 | 'NumberPicker'
|
11 | ) !default;
|
12 |
|
13 | $gray-100: #f8f9fa !default;
|
14 | $gray-200: #e9ecef !default;
|
15 | $gray-300: #dee2e6 !default;
|
16 | $gray-400: #ced4da !default;
|
17 | $gray-500: #adb5bd !default;
|
18 | $gray-600: #6c757d !default;
|
19 | $gray-700: #495057 !default;
|
20 | $gray-800: #343a40 !default;
|
21 | $gray-900: #212529 !default;
|
22 |
|
23 |
|
24 |
|
25 |
|
26 | $widget-font-weight: null !default;
|
27 | $widget-font-size: 1em !default;
|
28 | $widget-font-family: inherit !default;
|
29 |
|
30 | $widget-border-radius: 4px !default;
|
31 |
|
32 | $widget-bg: #fff !default;
|
33 | $widget-color: $gray-900;
|
34 | $widget-border-color: #ccc !default;
|
35 | $widget-disabled-bg: $gray-200 !default;
|
36 |
|
37 | $widget-hover-bg: $gray-200 !default;
|
38 | $widget-hover-border-color: $widget-hover-bg !default;
|
39 | $widget-hover-color: null !default;
|
40 |
|
41 | $widget-focus-width: 3px !default;
|
42 | $widget-focus-color: rgba(0, 123, 255, 0.25) !default;
|
43 | $widget-focus-box-shadow: 0 0 0 $widget-focus-width $widget-focus-color !default;
|
44 | $widget-focus-transition: box-shadow 0.15s ease-in-out !default;
|
45 |
|
46 | $widget-background-clip: padding-box !default;
|
47 |
|
48 |
|
49 |
|
50 |
|
51 | $picker-btn-align-items: null !default;
|
52 | $picker-btn-justify-content: null !default;
|
53 |
|
54 | $picker-btn-padding-left: null !default;
|
55 | $picker-btn-padding-right: null !default;
|
56 | $picker-btn-color: $widget-color !default;
|
57 | $picker-btn-border-color: null !default;
|
58 | $picker-btn-bg: null !default;
|
59 | $picker-btn-disabled-bg: $widget-disabled-bg !default;
|
60 |
|
61 | $picker-btn-hover-color: null !default;
|
62 | $picker-btn-hover-border-color: null !default;
|
63 | $picker-btn-hover-bg: $widget-hover-bg !default;
|
64 |
|
65 | $picker-btn-active-color: null !default;
|
66 | $picker-btn-active-border-color: null !default;
|
67 | $picker-btn-active-bg: $gray-300 !default;
|
68 |
|
69 |
|
70 |
|
71 |
|
72 |
|
73 | $input-height: 38px !default;
|
74 | $input-color: $gray-700 !default;
|
75 | $input-caret-color: null !default;
|
76 | $input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !default;
|
77 | $input-padding-x: 0.857em !default;
|
78 |
|
79 | $input-bg: $widget-bg !default;
|
80 | $input-placeholder-color: #999 !default;
|
81 |
|
82 | $input-border-color: $widget-border-color !default;
|
83 | $input-border-width: 1px !default;
|
84 | $input-border-radius: $widget-border-radius !default;
|
85 |
|
86 | $input-disabled-bg: $widget-disabled-bg !default;
|
87 | $input-disabled-border-color: null !default;
|
88 | $input-disabled-color: null !default;
|
89 | $input-disabled-placeholder-color: #999 !default;
|
90 |
|
91 | $input-focus-bg: null !default;
|
92 | $input-focus-border-color: #80bdff !default;
|
93 | $input-focus-color: null !default;
|
94 |
|
95 | $input-autofill-bg: rgb(232, 240, 254) !default;
|
96 | $input-autofill-color: rgb(0, 0, 0) !default;
|
97 |
|
98 | $input-addon-width: 1.9em !default;
|
99 | $input-addon-border-color: $input-border-color !default;
|