@progress/kendo-theme-default 12.2.0-dev.2 → 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/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- package/dist/meta/sassdoc-data.json +91605 -60575
- package/dist/meta/sassdoc-raw-data.json +35717 -21592
- package/dist/meta/variables.json +1 -113
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/action-buttons/_variables.scss +19 -0
- package/scss/action-sheet/_variables.scss +146 -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/button/_variables.scss +28 -24
- 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 +37 -5
- 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/skeleton/_variables.scss +4 -0
- package/scss/spreadsheet/_variables.scss +4 -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 +86 -0
- package/scss/upload/_variables.scss +4 -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: k-spacing(1.5) !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,
|
|
@@ -134,13 +212,25 @@ $kendo-grid-sizes: (
|
|
|
134
212
|
),
|
|
135
213
|
) !default;
|
|
136
214
|
|
|
215
|
+
/// The font size of the Grid header.
|
|
216
|
+
/// @group grid
|
|
137
217
|
$kendo-grid-header-font-size: null !default;
|
|
218
|
+
/// The border color of the Grid header.
|
|
219
|
+
/// @group grid
|
|
138
220
|
$kendo-grid-header-first-border: 1px !default;
|
|
221
|
+
/// The spacing of the Grid header.
|
|
222
|
+
/// @group grid
|
|
139
223
|
$kendo-grid-header-menu-icon-spacing: $kendo-icon-spacing !default;
|
|
140
224
|
|
|
225
|
+
/// The width of the border around the Grid toolbar.
|
|
226
|
+
/// @group grid
|
|
141
227
|
$kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
|
|
142
228
|
|
|
229
|
+
/// The width of the border around the Grid cell.
|
|
230
|
+
/// @group grid
|
|
143
231
|
$kendo-grid-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width !default;
|
|
232
|
+
/// The width of the border around the Grid cell.
|
|
233
|
+
/// @group grid
|
|
144
234
|
$kendo-grid-cell-vertical-border-width: $kendo-table-cell-vertical-border-width !default;
|
|
145
235
|
|
|
146
236
|
/// The background color of the Grid.
|
|
@@ -224,84 +314,162 @@ $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
|
|
|
224
314
|
/// @group grid
|
|
225
315
|
$kendo-grid-selection-aggregates-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
226
316
|
|
|
317
|
+
/// The background color of the Grid row.
|
|
318
|
+
/// @group grid
|
|
227
319
|
$kendo-grid-grouping-row-bg: k-color(surface) !default;
|
|
320
|
+
/// The text color of the Grid row.
|
|
321
|
+
/// @group grid
|
|
228
322
|
$kendo-grid-grouping-row-text: $kendo-grid-text !default;
|
|
229
323
|
|
|
324
|
+
/// The sorted icon spacing of the Grid.
|
|
325
|
+
/// @group grid
|
|
230
326
|
$kendo-grid-sorted-icon-spacing: calc( #{k-spacing(2)} - 1px ) !default;
|
|
327
|
+
/// The background color of the Grid.
|
|
328
|
+
/// @group grid
|
|
231
329
|
$kendo-grid-sorted-bg: color-mix(in srgb, k-color(on-app-surface) 3%, transparent) !default;
|
|
330
|
+
/// The text color of the Grid.
|
|
331
|
+
/// @group grid
|
|
232
332
|
$kendo-grid-sorting-indicator-text: k-color(primary) !default;
|
|
333
|
+
/// The font size of the Grid.
|
|
334
|
+
/// @group grid
|
|
233
335
|
$kendo-grid-sorting-index-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
234
|
-
|
|
336
|
+
/// The spacing of the Grid.
|
|
337
|
+
/// @group grid
|
|
235
338
|
$kendo-grid-sorting-index-spacing-y: calc( #{$kendo-icon-spacing} / 2 ) !default;
|
|
339
|
+
/// The vertical spacing of the Grid.
|
|
340
|
+
/// @group grid
|
|
236
341
|
$kendo-grid-sorting-index-spacing-x: calc( #{$kendo-grid-sorting-index-spacing-y} * -1) !default;
|
|
237
342
|
|
|
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: k-color(surface-alt) !default;
|
|
356
|
+
/// The background color of the hovered sticky content in the Grid.
|
|
357
|
+
/// @group grid
|
|
245
358
|
$kendo-grid-sticky-hover-bg: k-color(base-hover) !default;
|
|
359
|
+
/// The alternate background color of the sticky content in the Grid.
|
|
360
|
+
/// @group grid
|
|
246
361
|
$kendo-grid-sticky-alt-bg: k-color(base) !default;
|
|
247
362
|
|
|
248
|
-
|
|
363
|
+
/// The border color of the sticky content in the Grid.
|
|
364
|
+
/// @group grid
|
|
249
365
|
$kendo-grid-sticky-border: rgba( black, .3 ) !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: uppercase !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
|
|
@@ -439,7 +607,6 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
439
607
|
$kendo-grid-sorted-bg: $kendo-grid-sorted-bg,
|
|
440
608
|
$kendo-grid-sorting-indicator-text: $kendo-grid-sorting-indicator-text,
|
|
441
609
|
$kendo-grid-sorting-index-font-size: $kendo-grid-sorting-index-font-size,
|
|
442
|
-
$kendo-grid-sorting-index-height: $kendo-grid-sorting-index-height,
|
|
443
610
|
$kendo-grid-sorting-index-spacing-y: $kendo-grid-sorting-index-spacing-y,
|
|
444
611
|
$kendo-grid-sorting-index-spacing-x: $kendo-grid-sorting-index-spacing-x,
|
|
445
612
|
$kendo-grid-focus-shadow: $kendo-grid-focus-shadow,
|
|
@@ -447,18 +614,13 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
447
614
|
$kendo-grid-sticky-bg: $kendo-grid-sticky-bg,
|
|
448
615
|
$kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
|
|
449
616
|
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-alt-bg,
|
|
450
|
-
$kendo-grid-sticky-text: $kendo-grid-sticky-text,
|
|
451
617
|
$kendo-grid-sticky-border: $kendo-grid-sticky-border,
|
|
452
618
|
$kendo-grid-sticky-header-bg: $kendo-grid-sticky-header-bg,
|
|
453
619
|
$kendo-grid-sticky-header-text: $kendo-grid-sticky-header-text,
|
|
454
620
|
$kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
|
|
455
621
|
$kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
|
|
456
|
-
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-hover-bg,
|
|
457
622
|
$kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
|
|
458
623
|
$kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
|
|
459
|
-
$kendo-grid-filter-menu-check-all-border-bottom-width: $kendo-grid-filter-menu-check-all-border-bottom-width,
|
|
460
|
-
$kendo-grid-filter-menu-item-spacing-x: $kendo-grid-filter-menu-item-spacing-x,
|
|
461
|
-
$kendo-grid-filter-menu-item-spacing-y: $kendo-grid-filter-menu-item-spacing-y,
|
|
462
624
|
$kendo-grid-column-menu-popup-padding-x: $kendo-grid-column-menu-popup-padding-x,
|
|
463
625
|
$kendo-grid-column-menu-popup-padding-y: $kendo-grid-column-menu-popup-padding-y,
|
|
464
626
|
$kendo-grid-column-menu-item-padding-x: $kendo-grid-column-menu-item-padding-x,
|
|
@@ -480,11 +642,9 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
480
642
|
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y,
|
|
481
643
|
$kendo-grid-column-menu-tabbed-bg: $kendo-grid-column-menu-tabbed-bg,
|
|
482
644
|
$kendo-grid-drag-cell-width: $kendo-grid-drag-cell-width,
|
|
483
|
-
$kendo-grid-row-inner-height: $kendo-grid-row-inner-height,
|
|
484
645
|
$kendo-grid-hierarchy-col-width: $kendo-grid-hierarchy-col-width,
|
|
485
646
|
$kendo-grid-grouping-row-border-top: $kendo-grid-grouping-row-border-top,
|
|
486
647
|
$kendo-grid-group-footer-border-y: $kendo-grid-group-footer-border-y,
|
|
487
|
-
$kendo-grid-group-footer-second-cell-border: $kendo-grid-group-footer-second-cell-border,
|
|
488
648
|
$kendo-grid-row-resizer-hover-bg: $kendo-grid-row-resizer-hover-bg,
|
|
489
649
|
$kendo-grid-row-resizer-active-bg: $kendo-grid-row-resizer-active-bg,
|
|
490
650
|
$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) !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
|
@forward "@progress/kendo-theme-core/scss/components/imageeditor/_variables.scss" with (
|
|
@@ -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;
|
|
@@ -66,8 +65,6 @@ $kendo-input-md-line-height: $kendo-input-line-height !default;
|
|
|
66
65
|
/// @group input
|
|
67
66
|
$kendo-input-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
|
|
68
67
|
|
|
69
|
-
/// The calculated height of the Input.
|
|
70
|
-
/// @group input
|
|
71
68
|
$kendo-input-sm-calc-size: calc( ( #{$kendo-input-sm-line-height} * 1em ) + ( #{$kendo-input-sm-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
|
|
72
69
|
$kendo-input-md-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
|
|
73
70
|
$kendo-input-lg-calc-size: calc( ( #{$kendo-input-lg-line-height} * 1em ) + ( #{$kendo-input-lg-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
|
|
@@ -436,7 +433,6 @@ $kendo-use-input-spinner-icon-offset: false !default;
|
|
|
436
433
|
@forward "@progress/kendo-theme-core/scss/components/input/_variables.scss" with (
|
|
437
434
|
$kendo-input-default-width: $kendo-input-default-width,
|
|
438
435
|
$kendo-input-border-width: $kendo-input-border-width,
|
|
439
|
-
$kendo-input-border-height: $kendo-input-border-height,
|
|
440
436
|
$kendo-input-border-radius: $kendo-input-border-radius,
|
|
441
437
|
$kendo-input-sm-padding-x: $kendo-input-sm-padding-x,
|
|
442
438
|
$kendo-input-md-padding-x: $kendo-input-md-padding-x,
|