@progress/kendo-theme-bootstrap 7.3.0-dev.0 → 7.3.0-dev.1
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/dist/all.css +44 -173
- package/dist/all.scss +480 -139
- package/dist/meta/sassdoc-data.json +43508 -32204
- package/dist/meta/sassdoc-raw-data.json +13678 -8453
- package/dist/meta/variables.json +4 -0
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +5 -5
- package/scss/calendar/_variables.scss +198 -3
- package/scss/drawer/_variables.scss +65 -0
- package/scss/panelbar/_variables.scss +166 -0
package/dist/meta/variables.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap theme for Kendo UI",
|
|
4
|
-
"version": "7.3.0-dev.
|
|
4
|
+
"version": "7.3.0-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,14 +53,14 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "2.1.0",
|
|
56
|
-
"@progress/kendo-theme-core": "7.3.0-dev.
|
|
57
|
-
"@progress/kendo-theme-default": "7.3.0-dev.
|
|
58
|
-
"@progress/kendo-theme-utils": "7.3.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "7.3.0-dev.1",
|
|
57
|
+
"@progress/kendo-theme-default": "7.3.0-dev.1",
|
|
58
|
+
"@progress/kendo-theme-utils": "7.3.0-dev.1",
|
|
59
59
|
"bootstrap": "5.2.1"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "dd6bd98014ab25b166cbb4b2f715a81805644168"
|
|
66
66
|
}
|
|
@@ -1,135 +1,330 @@
|
|
|
1
1
|
// Calendar
|
|
2
2
|
|
|
3
|
+
/// The width of the border around the Calendar.
|
|
4
|
+
/// @group calendar
|
|
3
5
|
$kendo-calendar-border-width: 1px !default;
|
|
6
|
+
|
|
7
|
+
/// The font family of the Calendar.
|
|
8
|
+
/// @group calendar
|
|
4
9
|
$kendo-calendar-font-family: $kendo-font-family !default;
|
|
10
|
+
/// The font size of the Calendar.
|
|
11
|
+
/// @group calendar
|
|
5
12
|
$kendo-calendar-font-size: $kendo-font-size-md !default;
|
|
13
|
+
/// The line height of the Calendar.
|
|
14
|
+
/// @group calendar
|
|
6
15
|
$kendo-calendar-line-height: $kendo-line-height-md !default;
|
|
7
16
|
|
|
17
|
+
/// The size of the cells in the Calendar.
|
|
18
|
+
/// @group calendar
|
|
8
19
|
$kendo-calendar-cell-size: 38px !default;
|
|
9
20
|
|
|
21
|
+
/// The background color of the Calendar.
|
|
22
|
+
/// @group calendar
|
|
10
23
|
$kendo-calendar-bg: $kendo-component-bg !default;
|
|
24
|
+
/// The text color of the Calendar.
|
|
25
|
+
/// @group calendar
|
|
11
26
|
$kendo-calendar-text: $kendo-component-text !default;
|
|
27
|
+
/// The border color of the Calendar.
|
|
28
|
+
/// @group calendar
|
|
12
29
|
$kendo-calendar-border: $kendo-component-border !default;
|
|
13
30
|
|
|
31
|
+
/// The horizontal padding of the header in the Calendar.
|
|
32
|
+
/// @group calendar
|
|
14
33
|
$kendo-calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
34
|
+
/// The vertical padding of the header in the Calendar.
|
|
35
|
+
/// @group calendar
|
|
15
36
|
$kendo-calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
37
|
+
|
|
38
|
+
/// The border width of the header in the Calendar.
|
|
39
|
+
/// @group calendar
|
|
16
40
|
$kendo-calendar-header-border-width: 1px !default;
|
|
17
41
|
|
|
42
|
+
/// The background color of the header in the Calendar.
|
|
43
|
+
/// @group calendar
|
|
18
44
|
$kendo-calendar-header-bg: $kendo-component-header-bg !default;
|
|
45
|
+
/// The text color of the header in the Calendar.
|
|
46
|
+
/// @group calendar
|
|
19
47
|
$kendo-calendar-header-text: $kendo-component-header-text !default;
|
|
48
|
+
/// The border color of the header in the Calendar.
|
|
49
|
+
/// @group calendar
|
|
20
50
|
$kendo-calendar-header-border: $kendo-component-header-border !default;
|
|
51
|
+
/// The gradient of the header in the Calendar.
|
|
52
|
+
/// @group calendar
|
|
21
53
|
$kendo-calendar-header-gradient: $kendo-component-header-gradient !default;
|
|
54
|
+
/// The box shadow of the header in the Calendar.
|
|
55
|
+
/// @group calendar
|
|
22
56
|
$kendo-calendar-header-shadow: none !default;
|
|
23
57
|
|
|
58
|
+
/// The gap between the items in the navigation of the Calendar.
|
|
59
|
+
/// @group calendar
|
|
24
60
|
$kendo-calendar-nav-gap: null !default;
|
|
25
61
|
|
|
62
|
+
/// The horizontal padding of the footer in the Calendar.
|
|
63
|
+
/// @group calendar
|
|
26
64
|
$kendo-calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
65
|
+
/// The vertical padding of the footer in the Calendar.
|
|
66
|
+
/// @group calendar
|
|
27
67
|
$kendo-calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
28
68
|
|
|
69
|
+
/// The horizontal padding of the cells in the Calendar.
|
|
70
|
+
/// @group calendar
|
|
29
71
|
$kendo-calendar-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
72
|
+
/// The vertical padding of the cells in the Calendar.
|
|
73
|
+
/// @group calendar
|
|
30
74
|
$kendo-calendar-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
75
|
+
|
|
76
|
+
/// The line height of the cells in the Calendar.
|
|
77
|
+
/// @group calendar
|
|
31
78
|
$kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
|
|
79
|
+
|
|
80
|
+
/// The border radius of the cells in the Calendar.
|
|
81
|
+
/// @group calendar
|
|
32
82
|
$kendo-calendar-cell-border-radius: $kendo-border-radius-md !default;
|
|
33
83
|
|
|
84
|
+
/// The horizontal padding of the header cells in the Calendar.
|
|
85
|
+
/// @group calendar
|
|
34
86
|
$kendo-calendar-header-cell-padding-x: null !default;
|
|
87
|
+
/// The vertical padding of the header cells in the Calendar.
|
|
88
|
+
/// @group calendar
|
|
35
89
|
$kendo-calendar-header-cell-padding-y: null !default;
|
|
90
|
+
/// The width of the header cells in the Calendar.
|
|
91
|
+
/// @group calendar
|
|
36
92
|
$kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
|
|
93
|
+
/// The height of the header cells in the Calendar.
|
|
94
|
+
/// @group calendar
|
|
37
95
|
$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
|
|
96
|
+
/// The font size of the header cells in the Calendar.
|
|
97
|
+
/// @group calendar
|
|
38
98
|
$kendo-calendar-header-cell-font-size: $kendo-font-size-sm !default;
|
|
99
|
+
/// The line height of the header cells in the Calendar.
|
|
100
|
+
/// @group calendar
|
|
39
101
|
$kendo-calendar-header-cell-line-height: 2 !default;
|
|
102
|
+
|
|
103
|
+
/// The background color of the header cells in the Calendar.
|
|
104
|
+
/// @group calendar
|
|
40
105
|
$kendo-calendar-header-cell-bg: null !default;
|
|
106
|
+
/// The text color of the header cells in the Calendar.
|
|
107
|
+
/// @group calendar
|
|
41
108
|
$kendo-calendar-header-cell-text: $kendo-subtle-text !default;
|
|
109
|
+
/// The opacity of the header cells in the Calendar.
|
|
110
|
+
/// @group calendar
|
|
42
111
|
$kendo-calendar-header-cell-opacity: null !default;
|
|
43
112
|
|
|
113
|
+
/// The horizontal padding of the caption in the Calendar.
|
|
114
|
+
/// @group calendar
|
|
44
115
|
$kendo-calendar-caption-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
116
|
+
/// The vertical padding of the caption in the Calendar.
|
|
117
|
+
/// @group calendar
|
|
45
118
|
$kendo-calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
119
|
+
/// The height of the caption in the Calendar.
|
|
120
|
+
/// @group calendar
|
|
46
121
|
$kendo-calendar-caption-height: $kendo-calendar-cell-size !default;
|
|
122
|
+
/// The font size of the caption in the Calendar.
|
|
123
|
+
/// @group calendar
|
|
47
124
|
$kendo-calendar-caption-font-size: null !default;
|
|
125
|
+
/// The line height of the caption in the Calendar.
|
|
126
|
+
/// @group calendar
|
|
48
127
|
$kendo-calendar-caption-line-height: null !default;
|
|
128
|
+
/// The font weight of the caption in the Calendar.
|
|
129
|
+
/// @group calendar
|
|
49
130
|
$kendo-calendar-caption-font-weight: bold !default;
|
|
50
131
|
|
|
132
|
+
/// The font size of the week number cells in the Calendar.
|
|
133
|
+
/// @group calendar
|
|
134
|
+
$kendo-calendar-week-number-font-size: $kendo-font-size-sm !default;
|
|
135
|
+
|
|
136
|
+
/// The width of the Calendar view.
|
|
137
|
+
/// @group calendar
|
|
51
138
|
$kendo-calendar-view-width: ($kendo-calendar-cell-size * 8) !default;
|
|
139
|
+
/// The height of the Calendar view.
|
|
140
|
+
/// @group calendar
|
|
52
141
|
$kendo-calendar-view-height: ($kendo-calendar-cell-size * 7) !default;
|
|
142
|
+
|
|
143
|
+
/// The gap between the items in the Calendar view.
|
|
144
|
+
/// @group calendar
|
|
53
145
|
$kendo-calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
54
146
|
|
|
147
|
+
/// The background color of the weekend cells in the Calendar.
|
|
148
|
+
/// @group calendar
|
|
55
149
|
$kendo-calendar-weekend-bg: null !default;
|
|
150
|
+
/// The text color of the weekend cells in the Calendar.
|
|
151
|
+
/// @group calendar
|
|
56
152
|
$kendo-calendar-weekend-text: null !default;
|
|
57
153
|
|
|
154
|
+
/// The style of the current day in the Calendar.
|
|
155
|
+
/// @group calendar
|
|
58
156
|
$kendo-calendar-today-style: box !default;
|
|
157
|
+
/// The color of the current day in the Calendar.
|
|
158
|
+
/// @group calendar
|
|
59
159
|
$kendo-calendar-today-color: $kendo-color-primary !default;
|
|
60
160
|
|
|
161
|
+
/// The background color of the week number cells in the Calendar.
|
|
162
|
+
/// @group calendar
|
|
61
163
|
$kendo-calendar-week-number-bg: null !default;
|
|
164
|
+
/// The text color of the week number cells in the Calendar.
|
|
165
|
+
/// @group calendar
|
|
62
166
|
$kendo-calendar-week-number-text: $kendo-calendar-header-cell-text !default;
|
|
63
167
|
|
|
168
|
+
/// The background color of the preceding/subsequent month cells in the Calendar.
|
|
169
|
+
/// @group calendar
|
|
64
170
|
$kendo-calendar-other-month-bg: null !default;
|
|
171
|
+
/// The text color of the preceding/subsequent month cells in the Calendar.
|
|
172
|
+
/// @group calendar
|
|
65
173
|
$kendo-calendar-other-month-text: $kendo-calendar-header-cell-text !default;
|
|
66
174
|
|
|
175
|
+
/// The background color of the cells in the Calendar.
|
|
176
|
+
/// @group calendar
|
|
67
177
|
$kendo-calendar-cell-bg: null !default;
|
|
178
|
+
/// The text color of the cells in the Calendar.
|
|
179
|
+
/// @group calendar
|
|
68
180
|
$kendo-calendar-cell-text: null !default;
|
|
181
|
+
/// The border color of the cells in the Calendar.
|
|
182
|
+
/// @group calendar
|
|
69
183
|
$kendo-calendar-cell-border: null !default;
|
|
184
|
+
/// The gradient of the cells in the Calendar.
|
|
185
|
+
/// @group calendar
|
|
70
186
|
$kendo-calendar-cell-gradient: null !default;
|
|
71
187
|
|
|
188
|
+
/// The background color of the hovered cells in the Calendar.
|
|
189
|
+
/// @group calendar
|
|
72
190
|
$kendo-calendar-cell-hover-bg: $kendo-hover-bg !default;
|
|
191
|
+
/// The text color of the hovered cells in the Calendar.
|
|
192
|
+
/// @group calendar
|
|
73
193
|
$kendo-calendar-cell-hover-text: $kendo-hover-text !default;
|
|
194
|
+
/// The border color of the hovered cells in the Calendar.
|
|
195
|
+
/// @group calendar
|
|
74
196
|
$kendo-calendar-cell-hover-border: $kendo-hover-border !default;
|
|
197
|
+
/// The gradient of the hovered cells in the Calendar.
|
|
198
|
+
/// @group calendar
|
|
75
199
|
$kendo-calendar-cell-hover-gradient: null !default;
|
|
76
200
|
|
|
201
|
+
/// The background color of the selected cells in the Calendar.
|
|
202
|
+
/// @group calendar
|
|
77
203
|
$kendo-calendar-cell-selected-bg: $kendo-selected-bg !default;
|
|
204
|
+
/// The text color of the selected cells in the Calendar.
|
|
205
|
+
/// @group calendar
|
|
78
206
|
$kendo-calendar-cell-selected-text: $kendo-selected-text !default;
|
|
207
|
+
/// The border color of the selected cells in the Calendar.
|
|
208
|
+
/// @group calendar
|
|
79
209
|
$kendo-calendar-cell-selected-border: $kendo-selected-border !default;
|
|
210
|
+
/// The gradient of the selected cells in the Calendar.
|
|
211
|
+
/// @group calendar
|
|
80
212
|
$kendo-calendar-cell-selected-gradient: null !default;
|
|
81
213
|
|
|
214
|
+
/// The background color of the selected and hovered cells in the Calendar.
|
|
215
|
+
/// @group calendar
|
|
82
216
|
$kendo-calendar-cell-selected-hover-bg: $kendo-selected-hover-bg !default;
|
|
217
|
+
/// The text color of the selected and hovered cells in the Calendar.
|
|
218
|
+
/// @group calendar
|
|
83
219
|
$kendo-calendar-cell-selected-hover-text: $kendo-selected-hover-text !default;
|
|
220
|
+
/// The border color of the selected and hovered cells in the Calendar.
|
|
221
|
+
/// @group calendar
|
|
84
222
|
$kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !default;
|
|
223
|
+
/// The gradient of the selected and hovered cells in the Calendar.
|
|
224
|
+
/// @group calendar
|
|
85
225
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
86
226
|
|
|
227
|
+
/// The shadow of the focused cells in the Calendar.
|
|
228
|
+
/// @group calendar
|
|
87
229
|
$kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
|
|
230
|
+
/// The shadow of the selected and focused cells in the Calendar.
|
|
231
|
+
/// @group calendar
|
|
88
232
|
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary-active ) 50%, transparent), rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 )) !default;
|
|
89
233
|
|
|
90
234
|
|
|
91
|
-
|
|
235
|
+
/// The width of the Calendar navigation.
|
|
236
|
+
/// @group calendar
|
|
92
237
|
$kendo-calendar-navigation-width: 5em !default;
|
|
238
|
+
/// The height of the items in the Calendar navigation.
|
|
239
|
+
/// @group calendar
|
|
93
240
|
$kendo-calendar-navigation-item-height: 2em !default;
|
|
94
241
|
|
|
242
|
+
/// The background color of the Calendar navigation.
|
|
243
|
+
/// @group calendar
|
|
95
244
|
$kendo-calendar-navigation-bg: $kendo-calendar-header-bg !default;
|
|
245
|
+
/// The text color of the Calendar navigation.
|
|
246
|
+
/// @group calendar
|
|
96
247
|
$kendo-calendar-navigation-text: $kendo-calendar-header-text !default;
|
|
248
|
+
/// The border color of the Calendar navigation.
|
|
249
|
+
/// @group calendar
|
|
97
250
|
$kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
|
|
98
251
|
|
|
252
|
+
/// The text color of the hovered items in the Calendar navigation.
|
|
253
|
+
/// @group calendar
|
|
99
254
|
$kendo-calendar-navigation-hover-text: $kendo-link-hover-text !default;
|
|
100
255
|
|
|
101
256
|
|
|
102
|
-
|
|
257
|
+
/// The horizontal padding of the header in the Infinite Calendar.
|
|
258
|
+
/// @group calendar
|
|
103
259
|
$kendo-infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
260
|
+
/// The vertical padding of the header in the Infinite Calendar.
|
|
261
|
+
/// @group calendar
|
|
104
262
|
$kendo-infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
105
263
|
|
|
264
|
+
/// The horizontal padding of the Calendar view in the Infinite Calendar.
|
|
265
|
+
/// @group calendar
|
|
106
266
|
$kendo-infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
267
|
+
/// The vertical padding of the Calendar view in the Infinite Calendar.
|
|
268
|
+
/// @group calendar
|
|
107
269
|
$kendo-infinite-calendar-view-padding-y: 0px !default;
|
|
270
|
+
/// The height of the Calendar view in the Infinite Calendar.
|
|
271
|
+
/// @group calendar
|
|
108
272
|
$kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default;
|
|
109
273
|
|
|
110
274
|
|
|
111
275
|
// Multiview calendar
|
|
112
276
|
|
|
113
277
|
|
|
114
|
-
|
|
278
|
+
/// The font size of the small Calendar.
|
|
279
|
+
/// @group calendar
|
|
115
280
|
$kendo-calendar-sm-font-size: $kendo-font-size-md !default;
|
|
281
|
+
/// The line height of the small Calendar.
|
|
282
|
+
/// @group calendar
|
|
116
283
|
$kendo-calendar-sm-line-height: $kendo-line-height-md !default;
|
|
284
|
+
/// The size of the cells in the small Calendar.
|
|
285
|
+
/// @group calendar
|
|
117
286
|
$kendo-calendar-sm-cell-size: 34px !default;
|
|
287
|
+
/// The horizontal padding of the cells in the small Calendar.
|
|
288
|
+
/// @group calendar
|
|
118
289
|
$kendo-calendar-sm-cell-padding-x: .125rem !default;
|
|
290
|
+
/// The vertical padding of the cells in the small Calendar.
|
|
291
|
+
/// @group calendar
|
|
119
292
|
$kendo-calendar-sm-cell-padding-y: .125rem !default;
|
|
120
293
|
|
|
294
|
+
/// The font size of the medium Calendar.
|
|
295
|
+
/// @group calendar
|
|
121
296
|
$kendo-calendar-md-font-size: $kendo-font-size-md !default;
|
|
297
|
+
/// The line height of the medium Calendar.
|
|
298
|
+
/// @group calendar
|
|
122
299
|
$kendo-calendar-md-line-height: $kendo-line-height-md !default;
|
|
300
|
+
/// The size of the cells in the medium Calendar.
|
|
301
|
+
/// @group calendar
|
|
123
302
|
$kendo-calendar-md-cell-size: 38px !default;
|
|
303
|
+
/// The horizontal padding of the cells in the medium Calendar.
|
|
304
|
+
/// @group calendar
|
|
124
305
|
$kendo-calendar-md-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
306
|
+
/// The vertical padding of the cells in the medium Calendar.
|
|
307
|
+
/// @group calendar
|
|
125
308
|
$kendo-calendar-md-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
126
309
|
|
|
310
|
+
/// The font size of the large Calendar.
|
|
311
|
+
/// @group calendar
|
|
127
312
|
$kendo-calendar-lg-font-size: $kendo-font-size-lg !default;
|
|
313
|
+
/// The line height of the large Calendar.
|
|
314
|
+
/// @group calendar
|
|
128
315
|
$kendo-calendar-lg-line-height: $kendo-line-height-lg !default;
|
|
316
|
+
/// The size of the cells in the large Calendar.
|
|
317
|
+
/// @group calendar
|
|
129
318
|
$kendo-calendar-lg-cell-size: 42px !default;
|
|
319
|
+
/// The horizontal padding of the cells in the large Calendar.
|
|
320
|
+
/// @group calendar
|
|
130
321
|
$kendo-calendar-lg-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
322
|
+
/// The vertical padding of the cells in the large Calendar.
|
|
323
|
+
/// @group calendar
|
|
131
324
|
$kendo-calendar-lg-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
132
325
|
|
|
326
|
+
/// The sizes Map of the Calendar.
|
|
327
|
+
/// @group calendar
|
|
133
328
|
$kendo-calendar-sizes: (
|
|
134
329
|
sm: (
|
|
135
330
|
font-size: $kendo-calendar-sm-font-size,
|
|
@@ -1,40 +1,105 @@
|
|
|
1
1
|
// Drawer
|
|
2
|
+
|
|
3
|
+
/// The background color of the Drawer.
|
|
4
|
+
/// @group drawer
|
|
2
5
|
$kendo-drawer-bg: $kendo-component-bg !default;
|
|
6
|
+
/// The text color of the Drawer.
|
|
7
|
+
/// @group drawer
|
|
3
8
|
$kendo-drawer-text: $kendo-component-text !default;
|
|
9
|
+
/// The border color of the Drawer.
|
|
10
|
+
/// @group drawer
|
|
4
11
|
$kendo-drawer-border: $kendo-component-border !default;
|
|
12
|
+
/// The border width of the Drawer.
|
|
13
|
+
/// @group drawer
|
|
5
14
|
$kendo-drawer-border-width: 1px !default;
|
|
15
|
+
/// The font family of the Drawer.
|
|
16
|
+
/// @group drawer
|
|
6
17
|
$kendo-drawer-font-family: $kendo-font-family !default;
|
|
18
|
+
/// The font size of the Drawer.
|
|
19
|
+
/// @group drawer
|
|
7
20
|
$kendo-drawer-font-size: $kendo-font-size-md !default;
|
|
21
|
+
/// The line height of the Drawer.
|
|
22
|
+
/// @group drawer
|
|
8
23
|
$kendo-drawer-line-height: $kendo-line-height-md !default;
|
|
24
|
+
|
|
25
|
+
/// The horizontal padding of the Drawer content.
|
|
26
|
+
/// @group drawer
|
|
9
27
|
$kendo-drawer-content-padding-x: $kendo-padding-md-x !default;
|
|
28
|
+
/// The vertical padding of the Drawer content.
|
|
29
|
+
/// @group drawer
|
|
10
30
|
$kendo-drawer-content-padding-y: $kendo-padding-md-y !default;
|
|
11
31
|
|
|
32
|
+
/// The width of the Drawer scrollbar.
|
|
33
|
+
/// @group drawer
|
|
12
34
|
$kendo-drawer-scrollbar-width: 7px !default;
|
|
35
|
+
/// The color of the Drawer scrollbar track.
|
|
36
|
+
/// @group drawer
|
|
13
37
|
$kendo-drawer-scrollbar-color: rgba( 156, 156, 156, .7 ) !default;
|
|
38
|
+
/// The background color of the Drawer scrollbar thumb.
|
|
39
|
+
/// @group drawer
|
|
14
40
|
$kendo-drawer-scrollbar-bg: #dedede !default;
|
|
41
|
+
/// The border radius of the Drawer scrollbar.
|
|
42
|
+
/// @group drawer
|
|
15
43
|
$kendo-drawer-scrollbar-radius: 20px !default;
|
|
44
|
+
/// The hover color of the Drawer scrollbar track.
|
|
45
|
+
/// @group drawer
|
|
16
46
|
$kendo-drawer-scrollbar-hover-color: rgba( 156, 156, 156, 1 ) !default;
|
|
17
47
|
|
|
48
|
+
/// The horizontal padding of the Drawer item.
|
|
49
|
+
/// @group drawer
|
|
18
50
|
$kendo-drawer-item-padding-x: $kendo-padding-md-x !default;
|
|
51
|
+
/// The vertical padding of the Drawer item.
|
|
52
|
+
/// @group drawer
|
|
19
53
|
$kendo-drawer-item-padding-y: $kendo-padding-md-y !default;
|
|
54
|
+
/// The font size of the Drawer item.
|
|
55
|
+
/// @group drawer
|
|
20
56
|
$kendo-drawer-item-font-size: 16px !default;
|
|
57
|
+
/// The line height of the Drawer item.
|
|
58
|
+
/// @group drawer
|
|
21
59
|
$kendo-drawer-item-line-height: $kendo-line-height-lg !default;
|
|
22
60
|
|
|
61
|
+
/// The horizontal padding of the Drawer item in each level.
|
|
62
|
+
/// @group drawer
|
|
23
63
|
$kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
|
|
64
|
+
/// The count of the Drawer item levels.
|
|
65
|
+
/// @group drawer
|
|
24
66
|
$kendo-drawer-item-level-count: 5 !default;
|
|
25
67
|
|
|
68
|
+
/// The horizontal padding of the Drawer icon.
|
|
69
|
+
/// @group drawer
|
|
26
70
|
$kendo-drawer-icon-padding-x: 0 !default;
|
|
71
|
+
/// The vertical padding of the Drawer icon.
|
|
72
|
+
/// @group drawer
|
|
27
73
|
$kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
28
74
|
|
|
75
|
+
/// The initial width of the mini Drawer.
|
|
76
|
+
/// @group drawer
|
|
29
77
|
$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size} ) !default;
|
|
30
78
|
|
|
79
|
+
/// The background color of the hovered Drawer item.
|
|
80
|
+
/// @group drawer
|
|
31
81
|
$kendo-drawer-hover-bg: $kendo-hover-bg !default;
|
|
82
|
+
/// The text color of the hovered Drawer item.
|
|
83
|
+
/// @group drawer
|
|
32
84
|
$kendo-drawer-hover-text: $kendo-hover-text !default;
|
|
33
85
|
|
|
86
|
+
/// The background color of the focused Drawer item.
|
|
87
|
+
/// @group drawer
|
|
34
88
|
$kendo-drawer-focus-bg: $kendo-hover-bg !default;
|
|
89
|
+
/// The box shadow of the focused Drawer item.
|
|
90
|
+
/// @group drawer
|
|
35
91
|
$kendo-drawer-focus-shadow: inset 0 0 0 2px rgba( black, .15 ) !default;
|
|
36
92
|
|
|
93
|
+
/// The background color of the selected Drawer item.
|
|
94
|
+
/// @group drawer
|
|
37
95
|
$kendo-drawer-selected-bg: $kendo-selected-bg !default;
|
|
96
|
+
/// The text color of the selected Drawer item.
|
|
97
|
+
/// @group drawer
|
|
38
98
|
$kendo-drawer-selected-text: $kendo-selected-text !default;
|
|
99
|
+
|
|
100
|
+
/// The background color of the selected and hovered Drawer item.
|
|
101
|
+
/// @group drawer
|
|
39
102
|
$kendo-drawer-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-selected-bg, 1 )) !default;
|
|
103
|
+
/// The text color of the selected and hovered Drawer item.
|
|
104
|
+
/// @group drawer
|
|
40
105
|
$kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|