UNPKG

2.78 kBSCSSView Raw
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// Widget States
25//
26$widget-font-weight: null !default; // TODO
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// Buttons
50//
51$picker-btn-align-items: null !default; // TD
52$picker-btn-justify-content: null !default; // TD
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// Picker inputs
71//
72
73$input-height: 38px !default; // 2.5em is good for 16px roots
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; // 25% lighter active-bg
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;