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