@progress/kendo-theme-classic 12.2.0-dev.3 → 12.2.0-dev.4
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 +1 -1
- package/dist/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +77789 -47353
- package/dist/meta/sassdoc-raw-data.json +36555 -22705
- package/dist/meta/variables.json +1 -113
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +4 -4
- package/scss/action-buttons/_variables.scss +18 -0
- package/scss/action-sheet/_variables.scss +138 -0
- package/scss/adaptive/_variables.scss +36 -0
- package/scss/appbar/_variables.scss +2 -0
- package/scss/badge/_variables.scss +2 -0
- package/scss/bottom-navigation/_variables.scss +2 -0
- package/scss/bubble/_variables.scss +0 -1
- package/scss/button/_variables.scss +28 -24
- package/scss/calendar/_variables.scss +1 -1
- package/scss/card/_variables.scss +2 -0
- package/scss/chat/_variables.scss +1 -1
- package/scss/checkbox/_variables.scss +2 -0
- package/scss/chip/_variables.scss +0 -2
- package/scss/color-preview/_variables.scss +18 -0
- package/scss/column-menu/_variables.scss +40 -0
- package/scss/dataviz/_variables.scss +202 -0
- package/scss/daterangepicker/_variables.scss +2 -0
- package/scss/draggable/_variables.scss +40 -0
- package/scss/editor/_variables.scss +6 -0
- package/scss/grid/_variables.scss +178 -18
- package/scss/imageeditor/_variables.scss +62 -0
- package/scss/input/_variables.scss +0 -4
- package/scss/list/_variables.scss +126 -30
- package/scss/listgroup/_variables.scss +20 -0
- package/scss/loader/_variables.scss +2 -0
- package/scss/marquee/_variables.scss +6 -0
- package/scss/menu/_variables.scss +38 -6
- package/scss/messagebox/_variables.scss +24 -0
- package/scss/otp/_variables.scss +2 -0
- package/scss/overlay/_variables.scss +6 -0
- package/scss/pivotgrid/_variables.scss +9 -21
- package/scss/scheduler/_variables.scss +2 -0
- package/scss/signature/_variables.scss +42 -0
- package/scss/stepper/_variables.scss +3 -3
- package/scss/suggestion/_variables.scss +2 -0
- package/scss/table/_variables.scss +12 -0
- package/scss/timeselector/_variables.scss +84 -0
|
@@ -11,9 +11,17 @@
|
|
|
11
11
|
@use "../popup/_variables.scss" as *;
|
|
12
12
|
|
|
13
13
|
// Grid
|
|
14
|
+
/// The width of the border around the Grid.
|
|
15
|
+
/// @group grid
|
|
14
16
|
$kendo-grid-border-width: 1px !default;
|
|
17
|
+
/// The font family of the Grid.
|
|
18
|
+
/// @group grid
|
|
15
19
|
$kendo-grid-font-family: var( --kendo-font-family, inherit ) !default;
|
|
20
|
+
/// The font size of the Grid.
|
|
21
|
+
/// @group grid
|
|
16
22
|
$kendo-grid-font-size: var( --kendo-font-size, inherit ) !default;
|
|
23
|
+
/// The height of the Grid.
|
|
24
|
+
/// @group grid
|
|
17
25
|
$kendo-grid-line-height: var( --kendo-line-height, normal ) !default;
|
|
18
26
|
|
|
19
27
|
/// The horizontal padding of the Grid.
|
|
@@ -58,45 +66,115 @@ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
|
|
|
58
66
|
/// @group grid
|
|
59
67
|
$kendo-grid-edit-cell-padding-y: calc( #{k-spacing(1.5)} / 2 ) !default;
|
|
60
68
|
|
|
69
|
+
/// The drop hint size of the Grid group.
|
|
70
|
+
/// @group grid
|
|
61
71
|
$kendo-grid-group-drop-hint-size: 6px !default;
|
|
72
|
+
/// The drop hint line size of the Grid group.
|
|
73
|
+
/// @group grid
|
|
62
74
|
$kendo-grid-group-drop-hint-line-size: math.div( $kendo-grid-group-drop-hint-size, 3) !default;
|
|
75
|
+
/// The height of the Grid group.
|
|
76
|
+
/// @group grid
|
|
63
77
|
$kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
|
|
78
|
+
/// The drop hint top of the Grid group.
|
|
79
|
+
/// @group grid
|
|
64
80
|
$kendo-grid-group-drop-hint-top: 3px !default;
|
|
65
81
|
|
|
82
|
+
/// The horizontal padding of the Grid.
|
|
83
|
+
/// @group grid
|
|
66
84
|
$kendo-grid-sm-padding-x: k-spacing(2) !default;
|
|
85
|
+
/// The vertical padding of the Grid.
|
|
86
|
+
/// @group grid
|
|
67
87
|
$kendo-grid-sm-padding-y: k-spacing(1) !default;
|
|
88
|
+
/// The horizontal padding of the Grid header.
|
|
89
|
+
/// @group grid
|
|
68
90
|
$kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
|
|
91
|
+
/// The vertical padding of the Grid header.
|
|
92
|
+
/// @group grid
|
|
69
93
|
$kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
|
|
94
|
+
/// The horizontal padding of the Grid header.
|
|
95
|
+
/// @group grid
|
|
70
96
|
$kendo-grid-sm-grouping-header-padding-x: $kendo-grid-sm-padding-x !default;
|
|
97
|
+
/// The vertical padding of the Grid header.
|
|
98
|
+
/// @group grid
|
|
71
99
|
$kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-padding-y !default;
|
|
100
|
+
/// The horizontal padding of the Grid cell.
|
|
101
|
+
/// @group grid
|
|
72
102
|
$kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
|
|
103
|
+
/// The vertical padding of the Grid cell.
|
|
104
|
+
/// @group grid
|
|
73
105
|
$kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
|
|
106
|
+
/// The horizontal padding of the Grid cell.
|
|
107
|
+
/// @group grid
|
|
74
108
|
$kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-padding-x !default;
|
|
109
|
+
/// The vertical padding of the Grid cell.
|
|
110
|
+
/// @group grid
|
|
75
111
|
$kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
|
|
112
|
+
/// The horizontal padding of the Grid cell.
|
|
113
|
+
/// @group grid
|
|
76
114
|
$kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-cell-padding-x !default;
|
|
115
|
+
/// The vertical padding of the Grid cell.
|
|
116
|
+
/// @group grid
|
|
77
117
|
$kendo-grid-sm-edit-cell-padding-y: k-spacing(0.5) !default;
|
|
118
|
+
/// The height of the Grid group.
|
|
119
|
+
/// @group grid
|
|
78
120
|
$kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
|
|
121
|
+
/// The horizontal padding of the Grid.
|
|
122
|
+
/// @group grid
|
|
79
123
|
$kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
|
|
124
|
+
/// The vertical padding of the Grid.
|
|
125
|
+
/// @group grid
|
|
80
126
|
$kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;
|
|
81
127
|
|
|
128
|
+
/// The horizontal padding of the Grid.
|
|
129
|
+
/// @group grid
|
|
82
130
|
$kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
|
|
131
|
+
/// The vertical padding of the Grid.
|
|
132
|
+
/// @group grid
|
|
83
133
|
$kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
|
|
134
|
+
/// The horizontal padding of the Grid header.
|
|
135
|
+
/// @group grid
|
|
84
136
|
$kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
|
|
137
|
+
/// The vertical padding of the Grid header.
|
|
138
|
+
/// @group grid
|
|
85
139
|
$kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
|
|
140
|
+
/// The horizontal padding of the Grid header.
|
|
141
|
+
/// @group grid
|
|
86
142
|
$kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
|
|
143
|
+
/// The vertical padding of the Grid header.
|
|
144
|
+
/// @group grid
|
|
87
145
|
$kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
|
|
146
|
+
/// The horizontal padding of the Grid cell.
|
|
147
|
+
/// @group grid
|
|
88
148
|
$kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
|
|
149
|
+
/// The vertical padding of the Grid cell.
|
|
150
|
+
/// @group grid
|
|
89
151
|
$kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
|
|
152
|
+
/// The horizontal padding of the Grid cell.
|
|
153
|
+
/// @group grid
|
|
90
154
|
$kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
|
|
155
|
+
/// The vertical padding of the Grid cell.
|
|
156
|
+
/// @group grid
|
|
91
157
|
$kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
|
|
158
|
+
/// The horizontal padding of the Grid cell.
|
|
159
|
+
/// @group grid
|
|
92
160
|
$kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
|
|
161
|
+
/// The vertical padding of the Grid cell.
|
|
162
|
+
/// @group grid
|
|
93
163
|
$kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
|
|
164
|
+
/// The height of the Grid group.
|
|
165
|
+
/// @group grid
|
|
94
166
|
$kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
|
|
167
|
+
/// The horizontal padding of the Grid.
|
|
168
|
+
/// @group grid
|
|
95
169
|
$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
|
|
170
|
+
/// The vertical padding of the Grid.
|
|
171
|
+
/// @group grid
|
|
96
172
|
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;
|
|
97
173
|
|
|
98
174
|
|
|
99
175
|
// Kendo Grid sizes
|
|
176
|
+
/// The sizes of the Grid.
|
|
177
|
+
/// @group grid
|
|
100
178
|
$kendo-grid-sizes: (
|
|
101
179
|
sm: (
|
|
102
180
|
header-padding-x: $kendo-grid-sm-header-padding-x,
|
|
@@ -135,13 +213,25 @@ $kendo-grid-sizes: (
|
|
|
135
213
|
) !default;
|
|
136
214
|
|
|
137
215
|
|
|
216
|
+
/// The font size of the Grid header.
|
|
217
|
+
/// @group grid
|
|
138
218
|
$kendo-grid-header-font-size: null !default;
|
|
219
|
+
/// The border color of the Grid header.
|
|
220
|
+
/// @group grid
|
|
139
221
|
$kendo-grid-header-first-border: 1px !default;
|
|
222
|
+
/// The spacing of the Grid header.
|
|
223
|
+
/// @group grid
|
|
140
224
|
$kendo-grid-header-menu-icon-spacing: $kendo-icon-spacing !default;
|
|
141
225
|
|
|
226
|
+
/// The width of the border around the Grid toolbar.
|
|
227
|
+
/// @group grid
|
|
142
228
|
$kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
|
|
143
229
|
|
|
230
|
+
/// The width of the border around the Grid cell.
|
|
231
|
+
/// @group grid
|
|
144
232
|
$kendo-grid-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width !default;
|
|
233
|
+
/// The width of the border around the Grid cell.
|
|
234
|
+
/// @group grid
|
|
145
235
|
$kendo-grid-cell-vertical-border-width: $kendo-table-cell-vertical-border-width !default;
|
|
146
236
|
|
|
147
237
|
/// The background color of the Grid.
|
|
@@ -225,83 +315,161 @@ $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
|
|
|
225
315
|
/// @group grid
|
|
226
316
|
$kendo-grid-selection-aggregates-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
227
317
|
|
|
318
|
+
/// The sorted icon spacing of the Grid.
|
|
319
|
+
/// @group grid
|
|
228
320
|
$kendo-grid-sorted-icon-spacing: calc( #{k-spacing(2)} - 1px ) !default;
|
|
321
|
+
/// The background color of the Grid.
|
|
322
|
+
/// @group grid
|
|
229
323
|
$kendo-grid-sorted-bg: color-mix(in srgb, k-color(on-app-surface) 3%, transparent) !default;
|
|
324
|
+
/// The text color of the Grid.
|
|
325
|
+
/// @group grid
|
|
230
326
|
$kendo-grid-sorting-indicator-text: k-color(primary) !default;
|
|
327
|
+
/// The font size of the Grid.
|
|
328
|
+
/// @group grid
|
|
231
329
|
$kendo-grid-sorting-index-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
232
|
-
|
|
330
|
+
/// The spacing of the Grid.
|
|
331
|
+
/// @group grid
|
|
233
332
|
$kendo-grid-sorting-index-spacing-y: calc( #{$kendo-icon-spacing} / 2 ) !default;
|
|
333
|
+
/// The vertical spacing of the Grid.
|
|
334
|
+
/// @group grid
|
|
234
335
|
$kendo-grid-sorting-index-spacing-x: calc( #{$kendo-grid-sorting-index-spacing-y} * -1 ) !default;
|
|
235
336
|
|
|
337
|
+
/// The background color of the Grid row.
|
|
338
|
+
/// @group grid
|
|
236
339
|
$kendo-grid-grouping-row-bg: k-color(base) !default;
|
|
340
|
+
/// The text color of the Grid row.
|
|
341
|
+
/// @group grid
|
|
237
342
|
$kendo-grid-grouping-row-text: $kendo-grid-text !default;
|
|
238
343
|
|
|
344
|
+
/// The shadow of the Grid.
|
|
345
|
+
/// @group grid
|
|
239
346
|
$kendo-grid-focus-shadow: $kendo-table-focus-shadow !default;
|
|
240
347
|
|
|
348
|
+
/// The spacing of the Grid button.
|
|
349
|
+
/// @group grid
|
|
241
350
|
$kendo-grid-command-cell-button-spacing: k-spacing(2) !default;
|
|
242
351
|
|
|
243
352
|
// Must be solid colors
|
|
353
|
+
/// The background color of the sticky content in the Grid.
|
|
354
|
+
/// @group grid
|
|
244
355
|
$kendo-grid-sticky-bg: $kendo-grid-bg !default;
|
|
356
|
+
/// The alternate background color of the sticky content in the Grid.
|
|
357
|
+
/// @group grid
|
|
245
358
|
$kendo-grid-sticky-alt-bg: k-color(base-subtle) !default;
|
|
359
|
+
/// The background color of the hovered sticky content in the Grid.
|
|
360
|
+
/// @group grid
|
|
246
361
|
$kendo-grid-sticky-hover-bg: k-color(base-subtle-hover) !default;
|
|
247
362
|
|
|
248
|
-
|
|
363
|
+
/// The border color of the sticky content in the Grid.
|
|
364
|
+
/// @group grid
|
|
249
365
|
$kendo-grid-sticky-border: $kendo-grid-border !default;
|
|
250
366
|
|
|
367
|
+
/// The background color of the sticky header in the Grid.
|
|
368
|
+
/// @group grid
|
|
251
369
|
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
|
|
370
|
+
/// The text color of the sticky header in the Grid.
|
|
371
|
+
/// @group grid
|
|
252
372
|
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
|
|
373
|
+
/// The border color of the sticky header in the Grid.
|
|
374
|
+
/// @group grid
|
|
253
375
|
$kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
254
376
|
|
|
377
|
+
/// The background color of the sticky footer in the Grid.
|
|
378
|
+
/// @group grid
|
|
255
379
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
256
|
-
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-hover-bg !default;
|
|
257
380
|
|
|
258
381
|
|
|
382
|
+
/// The width of the Grid column menu.
|
|
383
|
+
/// @group grid
|
|
259
384
|
$kendo-grid-column-menu-width: 230px !default;
|
|
385
|
+
/// The maximum width of the Grid column menu.
|
|
386
|
+
/// @group grid
|
|
260
387
|
$kendo-grid-column-menu-max-width: 320px !default;
|
|
261
388
|
|
|
262
|
-
$kendo-grid-filter-menu-check-all-border-bottom-width: 1px !default;
|
|
263
|
-
|
|
264
|
-
$kendo-grid-filter-menu-item-spacing-x: k-spacing(2) !default;
|
|
265
|
-
$kendo-grid-filter-menu-item-spacing-y: $kendo-grid-filter-menu-item-spacing-x !default;
|
|
266
389
|
|
|
390
|
+
/// The horizontal padding of the Grid popup.
|
|
391
|
+
/// @group grid
|
|
267
392
|
$kendo-grid-column-menu-popup-padding-x: null !default;
|
|
393
|
+
/// The vertical padding of the Grid popup.
|
|
394
|
+
/// @group grid
|
|
268
395
|
$kendo-grid-column-menu-popup-padding-y: null !default;
|
|
269
396
|
|
|
397
|
+
/// The horizontal padding of the Grid item.
|
|
398
|
+
/// @group grid
|
|
270
399
|
$kendo-grid-column-menu-item-padding-x: $kendo-menu-popup-md-item-padding-x !default;
|
|
400
|
+
/// The vertical padding of the Grid item.
|
|
401
|
+
/// @group grid
|
|
271
402
|
$kendo-grid-column-menu-item-padding-y: $kendo-menu-popup-md-item-padding-y !default;
|
|
272
403
|
|
|
404
|
+
/// The horizontal padding of the Grid item.
|
|
405
|
+
/// @group grid
|
|
273
406
|
$kendo-grid-column-menu-list-item-padding-x: $kendo-list-md-item-padding-x !default;
|
|
407
|
+
/// The vertical padding of the Grid item.
|
|
408
|
+
/// @group grid
|
|
274
409
|
$kendo-grid-column-menu-list-item-padding-y: $kendo-list-md-item-padding-y !default;
|
|
275
410
|
|
|
411
|
+
/// The horizontal padding of the Grid.
|
|
412
|
+
/// @group grid
|
|
276
413
|
$kendo-grid-column-menu-items-wrap-padding-x: k-spacing(0) !default;
|
|
414
|
+
/// The vertical padding of the Grid.
|
|
415
|
+
/// @group grid
|
|
277
416
|
$kendo-grid-column-menu-items-wrap-padding-y: k-spacing(1.5) !default;
|
|
278
417
|
|
|
418
|
+
/// The horizontal padding of the Grid header.
|
|
419
|
+
/// @group grid
|
|
279
420
|
$kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-md-item-padding-x !default;
|
|
421
|
+
/// The vertical padding of the Grid header.
|
|
422
|
+
/// @group grid
|
|
280
423
|
$kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-padding-y !default;
|
|
281
424
|
|
|
425
|
+
/// The font size of the Grid header.
|
|
426
|
+
/// @group grid
|
|
282
427
|
$kendo-grid-column-menu-group-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
428
|
+
/// The height of the Grid header.
|
|
429
|
+
/// @group grid
|
|
283
430
|
$kendo-grid-column-menu-group-header-line-height: var( --kendo-line-height, normal ) !default;
|
|
431
|
+
/// The text color of the Grid header.
|
|
432
|
+
/// @group grid
|
|
284
433
|
$kendo-grid-column-menu-group-header-text-transform: unset !default;
|
|
434
|
+
/// The width of the Grid header.
|
|
435
|
+
/// @group grid
|
|
285
436
|
$kendo-grid-column-menu-group-header-border-bottom-width: 1px !default;
|
|
286
437
|
|
|
438
|
+
/// The background color of the Grid header.
|
|
439
|
+
/// @group grid
|
|
287
440
|
$kendo-grid-column-menu-group-header-bg: null !default;
|
|
441
|
+
/// The text color of the Grid header.
|
|
442
|
+
/// @group grid
|
|
288
443
|
$kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
|
|
444
|
+
/// The border color of the Grid header.
|
|
445
|
+
/// @group grid
|
|
289
446
|
$kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
|
|
290
447
|
|
|
448
|
+
/// The horizontal padding of the Grid content.
|
|
449
|
+
/// @group grid
|
|
291
450
|
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0) !default;
|
|
451
|
+
/// The vertical padding of the Grid content.
|
|
452
|
+
/// @group grid
|
|
292
453
|
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-spacing(2) !default;
|
|
293
454
|
|
|
455
|
+
/// The background color of the Grid.
|
|
456
|
+
/// @group grid
|
|
294
457
|
$kendo-grid-column-menu-tabbed-bg: k-color(surface) !default;
|
|
295
458
|
|
|
459
|
+
/// The width of the Grid cell.
|
|
460
|
+
/// @group grid
|
|
296
461
|
$kendo-grid-drag-cell-width: ($kendo-icon-size * 2.25) !default;
|
|
297
462
|
|
|
298
|
-
|
|
299
|
-
|
|
463
|
+
/// The width of the Grid.
|
|
464
|
+
/// @group grid
|
|
300
465
|
$kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
|
|
301
466
|
|
|
467
|
+
/// The grouping border top of the Grid row.
|
|
468
|
+
/// @group grid
|
|
302
469
|
$kendo-grid-grouping-row-border-top: 1px !default;
|
|
470
|
+
/// The vertical border of the Grid footer.
|
|
471
|
+
/// @group grid
|
|
303
472
|
$kendo-grid-group-footer-border-y: 1px !default;
|
|
304
|
-
$kendo-grid-group-footer-second-cell-border: 1px !default;
|
|
305
473
|
|
|
306
474
|
/// The background color of the Grid row resize indicator.
|
|
307
475
|
/// @group grid
|
|
@@ -436,7 +604,6 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
436
604
|
$kendo-grid-sorted-bg: $kendo-grid-sorted-bg,
|
|
437
605
|
$kendo-grid-sorting-indicator-text: $kendo-grid-sorting-indicator-text,
|
|
438
606
|
$kendo-grid-sorting-index-font-size: $kendo-grid-sorting-index-font-size,
|
|
439
|
-
$kendo-grid-sorting-index-height: $kendo-grid-sorting-index-height,
|
|
440
607
|
$kendo-grid-sorting-index-spacing-y: $kendo-grid-sorting-index-spacing-y,
|
|
441
608
|
$kendo-grid-sorting-index-spacing-x: $kendo-grid-sorting-index-spacing-x,
|
|
442
609
|
$kendo-grid-grouping-row-bg: $kendo-grid-grouping-row-bg,
|
|
@@ -444,20 +611,15 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
444
611
|
$kendo-grid-focus-shadow: $kendo-grid-focus-shadow,
|
|
445
612
|
$kendo-grid-command-cell-button-spacing: $kendo-grid-command-cell-button-spacing,
|
|
446
613
|
$kendo-grid-sticky-bg: $kendo-grid-sticky-bg,
|
|
447
|
-
$kendo-grid-sticky-text: $kendo-grid-sticky-text,
|
|
448
614
|
$kendo-grid-sticky-border: $kendo-grid-sticky-border,
|
|
449
615
|
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-alt-bg,
|
|
450
616
|
$kendo-grid-sticky-header-bg: $kendo-grid-sticky-header-bg,
|
|
451
617
|
$kendo-grid-sticky-header-text: $kendo-grid-sticky-header-text,
|
|
452
618
|
$kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
|
|
453
619
|
$kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
|
|
454
|
-
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-hover-bg,
|
|
455
620
|
$kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
|
|
456
621
|
$kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
|
|
457
622
|
$kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
|
|
458
|
-
$kendo-grid-filter-menu-check-all-border-bottom-width: $kendo-grid-filter-menu-check-all-border-bottom-width,
|
|
459
|
-
$kendo-grid-filter-menu-item-spacing-x: $kendo-grid-filter-menu-item-spacing-x,
|
|
460
|
-
$kendo-grid-filter-menu-item-spacing-y: $kendo-grid-filter-menu-item-spacing-y,
|
|
461
623
|
$kendo-grid-column-menu-popup-padding-x: $kendo-grid-column-menu-popup-padding-x,
|
|
462
624
|
$kendo-grid-column-menu-popup-padding-y: $kendo-grid-column-menu-popup-padding-y,
|
|
463
625
|
$kendo-grid-column-menu-item-padding-x: $kendo-grid-column-menu-item-padding-x,
|
|
@@ -479,11 +641,9 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
479
641
|
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y,
|
|
480
642
|
$kendo-grid-column-menu-tabbed-bg: $kendo-grid-column-menu-tabbed-bg,
|
|
481
643
|
$kendo-grid-drag-cell-width: $kendo-grid-drag-cell-width,
|
|
482
|
-
$kendo-grid-row-inner-height: $kendo-grid-row-inner-height,
|
|
483
644
|
$kendo-grid-hierarchy-col-width: $kendo-grid-hierarchy-col-width,
|
|
484
645
|
$kendo-grid-grouping-row-border-top: $kendo-grid-grouping-row-border-top,
|
|
485
646
|
$kendo-grid-group-footer-border-y: $kendo-grid-group-footer-border-y,
|
|
486
|
-
$kendo-grid-group-footer-second-cell-border: $kendo-grid-group-footer-second-cell-border,
|
|
487
647
|
$kendo-grid-row-resizer-hover-bg: $kendo-grid-row-resizer-hover-bg,
|
|
488
648
|
$kendo-grid-row-resizer-active-bg: $kendo-grid-row-resizer-active-bg,
|
|
489
649
|
$kendo-grid-row-resizer-height: $kendo-grid-row-resizer-height,
|
|
@@ -1,46 +1,108 @@
|
|
|
1
1
|
@use "../core/_index.scss" as *;
|
|
2
2
|
|
|
3
3
|
// ImageEditor
|
|
4
|
+
/// The vertical margin of the ImageEditor.
|
|
5
|
+
/// @group image-editor
|
|
4
6
|
$kendo-image-editor-margin-y: null !default;
|
|
7
|
+
/// The horizontal margin of the ImageEditor.
|
|
8
|
+
/// @group image-editor
|
|
5
9
|
$kendo-image-editor-margin-x: null !default;
|
|
10
|
+
/// The vertical padding of the ImageEditor.
|
|
11
|
+
/// @group image-editor
|
|
6
12
|
$kendo-image-editor-padding-y: null !default;
|
|
13
|
+
/// The horizontal padding of the ImageEditor.
|
|
14
|
+
/// @group image-editor
|
|
7
15
|
$kendo-image-editor-padding-x: null !default;
|
|
8
16
|
|
|
17
|
+
/// The width of the border around the ImageEditor.
|
|
18
|
+
/// @group image-editor
|
|
9
19
|
$kendo-image-editor-border-width: 1px !default;
|
|
20
|
+
/// The font size of the ImageEditor.
|
|
21
|
+
/// @group image-editor
|
|
10
22
|
$kendo-image-editor-font-size: var( --kendo-font-size, inherit ) !default;
|
|
23
|
+
/// The line height of the ImageEditor.
|
|
24
|
+
/// @group image-editor
|
|
11
25
|
$kendo-image-editor-line-height: var( --kendo-line-height, normal ) !default;
|
|
26
|
+
/// The font family of the ImageEditor.
|
|
27
|
+
/// @group image-editor
|
|
12
28
|
$kendo-image-editor-font-family: var( --kendo-font-family, inherit ) !default;
|
|
13
29
|
|
|
30
|
+
/// The width of the border around the ImageEditor content.
|
|
31
|
+
/// @group image-editor
|
|
14
32
|
$kendo-image-editor-content-border-width: 1px !default;
|
|
15
33
|
|
|
34
|
+
/// The vertical padding of the ImageEditor action pane.
|
|
35
|
+
/// @group image-editor
|
|
16
36
|
$kendo-image-editor-action-pane-padding-y: k-spacing(8) !default;
|
|
37
|
+
/// The horizontal padding of the ImageEditor action pane.
|
|
38
|
+
/// @group image-editor
|
|
17
39
|
$kendo-image-editor-action-pane-padding-x: k-spacing(4) !default;
|
|
40
|
+
/// The width of the ImageEditor action pane.
|
|
41
|
+
/// @group image-editor
|
|
18
42
|
$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 240px, calc(240px + #{$kendo-image-editor-content-border-width}) ) !default;
|
|
19
43
|
|
|
44
|
+
/// The width of the border around the ImageEditor crop area.
|
|
45
|
+
/// @group image-editor
|
|
20
46
|
$kendo-image-editor-crop-border-width: 1px !default;
|
|
47
|
+
/// The style of the border around the ImageEditor crop area.
|
|
48
|
+
/// @group image-editor
|
|
21
49
|
$kendo-image-editor-crop-border-style: dashed !default;
|
|
22
50
|
|
|
51
|
+
/// The horizontal margin of the ImageEditor resize handle.
|
|
52
|
+
/// @group image-editor
|
|
23
53
|
$kendo-image-editor-resize-handle-margin-x: k-spacing(1px) !default;
|
|
54
|
+
/// The vertical margin of the ImageEditor resize handle.
|
|
55
|
+
/// @group image-editor
|
|
24
56
|
$kendo-image-editor-resize-handle-margin-y: k-spacing(1px) !default;
|
|
57
|
+
/// The width of the border around the ImageEditor resize handle.
|
|
58
|
+
/// @group image-editor
|
|
25
59
|
$kendo-image-editor-resize-handle-border-width: 0 2px 2px 0 !default;
|
|
60
|
+
/// The size of the ImageEditor resize handle.
|
|
61
|
+
/// @group image-editor
|
|
26
62
|
$kendo-image-editor-resize-handle-size: 15px !default;
|
|
27
63
|
|
|
64
|
+
/// The background color of the ImageEditor.
|
|
65
|
+
/// @group image-editor
|
|
28
66
|
$kendo-image-editor-bg: k-color(surface-alt) !default;
|
|
67
|
+
/// The text color of the ImageEditor.
|
|
68
|
+
/// @group image-editor
|
|
29
69
|
$kendo-image-editor-text: k-color(on-app-surface) !default;
|
|
70
|
+
/// The border color of the ImageEditor.
|
|
71
|
+
/// @group image-editor
|
|
30
72
|
$kendo-image-editor-border: k-color(border) !default;
|
|
31
73
|
|
|
74
|
+
/// The background color of the ImageEditor content.
|
|
75
|
+
/// @group image-editor
|
|
32
76
|
$kendo-image-editor-content-bg: k-color(surface) !default;
|
|
77
|
+
/// The text color of the ImageEditor content.
|
|
78
|
+
/// @group image-editor
|
|
33
79
|
$kendo-image-editor-content-text: null !default;
|
|
80
|
+
/// The border color of the ImageEditor content.
|
|
81
|
+
/// @group image-editor
|
|
34
82
|
$kendo-image-editor-content-border: null !default;
|
|
35
83
|
|
|
84
|
+
/// The background color of the ImageEditor action pane.
|
|
85
|
+
/// @group image-editor
|
|
36
86
|
$kendo-image-editor-action-pane-bg: k-color(surface-alt) !default;
|
|
87
|
+
/// The text color of the ImageEditor action pane.
|
|
88
|
+
/// @group image-editor
|
|
37
89
|
$kendo-image-editor-action-pane-text: null !default;
|
|
90
|
+
/// The border color of the ImageEditor action pane.
|
|
91
|
+
/// @group image-editor
|
|
38
92
|
$kendo-image-editor-action-pane-border: null !default;
|
|
39
93
|
|
|
94
|
+
/// The background color of the ImageEditor crop area.
|
|
95
|
+
/// @group image-editor
|
|
40
96
|
$kendo-image-editor-crop-bg: null !default;
|
|
97
|
+
/// The text color of the ImageEditor crop area.
|
|
98
|
+
/// @group image-editor
|
|
41
99
|
$kendo-image-editor-crop-text: null !default;
|
|
100
|
+
/// The border color of the ImageEditor crop area.
|
|
101
|
+
/// @group image-editor
|
|
42
102
|
$kendo-image-editor-crop-border: white !default;
|
|
43
103
|
|
|
104
|
+
/// The background color of the ImageEditor crop overlay.
|
|
105
|
+
/// @group image-editor
|
|
44
106
|
$kendo-image-editor-crop-overlay-bg: rgba( black, .3 ) !default;
|
|
45
107
|
|
|
46
108
|
|
|
@@ -11,7 +11,6 @@ $kendo-input-default-width: 100% !default;
|
|
|
11
11
|
/// The border width of the Input components.
|
|
12
12
|
/// @group input
|
|
13
13
|
$kendo-input-border-width: 1px !default;
|
|
14
|
-
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
|
|
15
14
|
/// The border radius of the Input components.
|
|
16
15
|
/// @group input
|
|
17
16
|
$kendo-input-border-radius: null !default;
|
|
@@ -67,8 +66,6 @@ $kendo-input-md-line-height: var( --kendo-line-height, normal ) !default;
|
|
|
67
66
|
/// @group input
|
|
68
67
|
$kendo-input-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
|
|
69
68
|
|
|
70
|
-
/// The calculated height of the Input.
|
|
71
|
-
/// @group input
|
|
72
69
|
$kendo-input-sm-calc-size: calc( ( #{$kendo-input-sm-line-height} * 1em ) + ( #{$kendo-input-sm-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
|
|
73
70
|
$kendo-input-md-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
|
|
74
71
|
$kendo-input-lg-calc-size: calc( ( #{$kendo-input-lg-line-height} * 1em ) + ( #{$kendo-input-lg-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
|
|
@@ -440,7 +437,6 @@ $kendo-use-input-spinner-icon-offset: false !default;
|
|
|
440
437
|
@forward "@progress/kendo-theme-core/scss/components/input/_variables.scss" with (
|
|
441
438
|
$kendo-input-default-width: $kendo-input-default-width,
|
|
442
439
|
$kendo-input-border-width: $kendo-input-border-width,
|
|
443
|
-
$kendo-input-border-height: $kendo-input-border-height,
|
|
444
440
|
$kendo-input-border-radius: $kendo-input-border-radius,
|
|
445
441
|
$kendo-input-sm-padding-x: $kendo-input-sm-padding-x,
|
|
446
442
|
$kendo-input-md-padding-x: $kendo-input-md-padding-x,
|