@progress/kendo-theme-fluent 11.2.1-dev.0 → 11.3.0-dev.0
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/fluent-main-dark.css +1 -1
- package/dist/fluent-main.css +1 -1
- package/dist/meta/sassdoc-data.json +24099 -27323
- package/dist/meta/sassdoc-raw-data.json +8421 -7718
- package/dist/meta/variables.json +7880 -8036
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main-dark.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/action-buttons/_layout.scss +2 -55
- package/scss/action-buttons/_theme.scss +2 -11
- package/scss/action-buttons/_variables.scss +17 -7
- package/scss/action-sheet/_layout.scss +11 -399
- package/scss/action-sheet/_theme.scss +14 -69
- package/scss/action-sheet/_variables.scss +129 -66
- package/scss/adaptive/_index.scss +0 -3
- package/scss/adaptive/_layout.scss +2 -457
- package/scss/adaptive/_theme.scss +2 -75
- package/scss/adaptive/_variables.scss +39 -18
- package/scss/appbar/_layout.scss +2 -114
- package/scss/appbar/_theme.scss +9 -20
- package/scss/appbar/_variables.scss +38 -71
- package/scss/avatar/_layout.scss +2 -73
- package/scss/avatar/_theme.scss +2 -16
- package/scss/avatar/_variables.scss +24 -82
- package/scss/badge/_layout.scss +3 -146
- package/scss/badge/_theme.scss +8 -21
- package/scss/badge/_variables.scss +41 -88
- package/scss/bottom-navigation/_layout.scss +5 -108
- package/scss/bottom-navigation/_theme.scss +73 -74
- package/scss/bottom-navigation/_variables.scss +58 -117
- package/scss/breadcrumb/_layout.scss +8 -132
- package/scss/breadcrumb/_theme.scss +15 -71
- package/scss/breadcrumb/_variables.scss +133 -71
- package/scss/button/_layout.scss +18 -182
- package/scss/button/_theme.scss +132 -113
- package/scss/button/_variables.scss +156 -301
- package/scss/calendar/_layout.scss +27 -383
- package/scss/calendar/_theme.scss +55 -127
- package/scss/calendar/_variables.scss +185 -100
- package/scss/captcha/_layout.scss +2 -59
- package/scss/captcha/_theme.scss +2 -9
- package/scss/captcha/_variables.scss +25 -9
- package/scss/card/_layout.scss +9 -314
- package/scss/card/_theme.scss +3 -103
- package/scss/card/_variables.scss +110 -60
- package/scss/chart-wizard/_layout.scss +2 -38
- package/scss/chart-wizard/_theme.scss +2 -28
- package/scss/chart-wizard/_variables.scss +25 -11
- package/scss/chat/_index.scss +0 -3
- package/scss/chat/_layout.scss +26 -450
- package/scss/chat/_theme.scss +9 -80
- package/scss/chat/_variables.scss +143 -71
- package/scss/checkbox/_layout.scss +14 -191
- package/scss/checkbox/_theme.scss +11 -100
- package/scss/checkbox/_variables.scss +165 -78
- package/scss/chip/_layout.scss +11 -137
- package/scss/chip/_theme.scss +56 -57
- package/scss/chip/_variables.scss +99 -94
- package/scss/color-preview/_layout.scss +4 -64
- package/scss/color-preview/_theme.scss +2 -27
- package/scss/color-preview/_variables.scss +23 -9
- package/scss/coloreditor/_layout.scss +21 -109
- package/scss/coloreditor/_theme.scss +3 -24
- package/scss/coloreditor/_variables.scss +92 -57
- package/scss/colorgradient/_layout.scss +12 -196
- package/scss/colorgradient/_theme.scss +27 -65
- package/scss/colorgradient/_variables.scss +134 -76
- package/scss/colorpalette/_layout.scss +6 -40
- package/scss/colorpalette/_theme.scss +10 -20
- package/scss/colorpalette/_variables.scss +39 -21
- package/scss/colorpicker/_layout.scss +2 -11
- package/scss/colorpicker/_theme.scss +2 -1
- package/scss/column-menu/_layout.scss +5 -56
- package/scss/column-menu/_theme.scss +1 -24
- package/scss/column-menu/_variables.scss +38 -17
- package/scss/combobox/_layout.scss +4 -2
- package/scss/combobox/_theme.scss +4 -2
- package/scss/core/functions/index.import.scss +1 -0
- package/scss/dataviz/_layout.scss +6 -543
- package/scss/dataviz/_theme.scss +12 -76
- package/scss/dataviz/_variables.scss +152 -33
- package/scss/daterangepicker/_layout.scss +2 -37
- package/scss/daterangepicker/_theme.scss +16 -7
- package/scss/daterangepicker/_variables.scss +9 -0
- package/scss/datetimepicker/_layout.scss +3 -41
- package/scss/datetimepicker/_theme.scss +3 -2
- package/scss/datetimepicker/_variables.scss +5 -1
- package/scss/dialog/_layout.scss +8 -53
- package/scss/dialog/_theme.scss +5 -25
- package/scss/dialog/_variables.scss +31 -60
- package/scss/dock-manager/_layout.scss +9 -193
- package/scss/dock-manager/_theme.scss +6 -28
- package/scss/dock-manager/_variables.scss +74 -36
- package/scss/draggable/_layout.scss +13 -59
- package/scss/draggable/_theme.scss +10 -15
- package/scss/draggable/_variables.scss +45 -23
- package/scss/drawer/_layout.scss +7 -198
- package/scss/drawer/_theme.scss +25 -52
- package/scss/drawer/_variables.scss +73 -45
- package/scss/dropdowngrid/_layout.scss +3 -11
- package/scss/dropdowngrid/_theme.scss +3 -3
- package/scss/dropdownlist/_layout.scss +4 -28
- package/scss/dropdownlist/_theme.scss +3 -7
- package/scss/dropdowntree/_layout.scss +2 -35
- package/scss/dropdowntree/_theme.scss +3 -4
- package/scss/dropdowntree/_variables.scss +4 -3
- package/scss/dropzone/_layout.scss +7 -31
- package/scss/dropzone/_theme.scss +2 -30
- package/scss/dropzone/_variables.scss +43 -21
- package/scss/editor/_layout.scss +3 -588
- package/scss/editor/_theme.scss +12 -78
- package/scss/editor/_variables.scss +45 -26
- package/scss/expansion-panel/_layout.scss +22 -57
- package/scss/expansion-panel/_theme.scss +13 -36
- package/scss/expansion-panel/_variables.scss +49 -28
- package/scss/fab/_layout.scss +11 -134
- package/scss/fab/_theme.scss +37 -126
- package/scss/fab/_variables.scss +104 -56
- package/scss/filemanager/_layout.scss +2 -240
- package/scss/filemanager/_theme.scss +8 -89
- package/scss/filemanager/_variables.scss +109 -56
- package/scss/filter/_layout.scss +8 -71
- package/scss/filter/_theme.scss +5 -14
- package/scss/filter/_variables.scss +20 -10
- package/scss/floating-label/_layout.scss +3 -75
- package/scss/floating-label/_theme.scss +4 -20
- package/scss/floating-label/_variables.scss +35 -17
- package/scss/forms/_index.scss +0 -1
- package/scss/forms/_layout.scss +5 -302
- package/scss/forms/_theme.scss +5 -24
- package/scss/forms/_variables.scss +73 -39
- package/scss/gantt/_layout.scss +5 -801
- package/scss/gantt/_theme.scss +17 -236
- package/scss/gantt/_variables.scss +142 -73
- package/scss/grid/_layout.scss +60 -1276
- package/scss/grid/_theme.scss +35 -343
- package/scss/grid/_variables.scss +306 -183
- package/scss/gridlayout/_layout.scss +1 -6
- package/scss/gridlayout/_theme.scss +1 -6
- package/scss/icons/_layout.scss +4 -33
- package/scss/icons/_theme.scss +7 -1
- package/scss/icons/_variables.scss +35 -9
- package/scss/imageeditor/_layout.scss +2 -152
- package/scss/imageeditor/_theme.scss +5 -42
- package/scss/imageeditor/_variables.scss +66 -32
- package/scss/index.scss +2 -1
- package/scss/input/_layout.scss +36 -468
- package/scss/input/_theme.scss +52 -128
- package/scss/input/_variables.scss +153 -208
- package/scss/list/_layout.scss +3 -252
- package/scss/list/_theme.scss +10 -81
- package/scss/list/_variables.scss +176 -92
- package/scss/listbox/_layout.scss +2 -80
- package/scss/listbox/_theme.scss +5 -8
- package/scss/listbox/_variables.scss +28 -13
- package/scss/listgroup/_layout.scss +2 -174
- package/scss/listgroup/_theme.scss +2 -8
- package/scss/listgroup/_variables.scss +23 -10
- package/scss/listview/_layout.scss +6 -133
- package/scss/listview/_theme.scss +8 -37
- package/scss/listview/_variables.scss +66 -39
- package/scss/loader/_layout.scss +15 -572
- package/scss/loader/_theme.scss +2 -14
- package/scss/loader/_variables.scss +90 -92
- package/scss/map/_layout.scss +7 -121
- package/scss/map/_theme.scss +5 -17
- package/scss/map/_variables.scss +40 -22
- package/scss/maskedtextbox/_layout.scss +3 -3
- package/scss/maskedtextbox/_theme.scss +3 -3
- package/scss/mediaplayer/_layout.scss +5 -72
- package/scss/mediaplayer/_theme.scss +5 -15
- package/scss/mediaplayer/_variables.scss +27 -14
- package/scss/menu/_layout.scss +25 -267
- package/scss/menu/_theme.scss +14 -73
- package/scss/menu/_variables.scss +135 -76
- package/scss/menu-button/_layout.scss +9 -14
- package/scss/menu-button/_theme.scss +5 -1
- package/scss/menu-button/_variables.scss +10 -0
- package/scss/messagebox/_layout.scss +2 -18
- package/scss/messagebox/_theme.scss +4 -19
- package/scss/messagebox/_variables.scss +33 -37
- package/scss/multiselect/_layout.scss +3 -4
- package/scss/multiselect/_theme.scss +3 -4
- package/scss/no-data/_layout.scss +2 -17
- package/scss/no-data/_theme.scss +2 -5
- package/scss/no-data/_variables.scss +7 -2
- package/scss/notification/_functions.scss +17 -0
- package/scss/notification/_layout.scss +2 -68
- package/scss/notification/_theme.scss +4 -28
- package/scss/notification/_variables.scss +50 -91
- package/scss/numerictextbox/_layout.scss +3 -7
- package/scss/numerictextbox/_theme.scss +3 -3
- package/scss/orgchart/_layout.scss +8 -99
- package/scss/orgchart/_theme.scss +4 -45
- package/scss/orgchart/_variables.scss +87 -45
- package/scss/otp/_layout.scss +1 -34
- package/scss/otp/_theme.scss +1 -7
- package/scss/otp/_variables.scss +25 -12
- package/scss/overlay/_layout.scss +2 -11
- package/scss/overlay/_theme.scss +4 -3
- package/scss/overlay/_variables.scss +7 -3
- package/scss/pager/_layout.scss +11 -145
- package/scss/pager/_theme.scss +7 -15
- package/scss/pager/_variables.scss +49 -26
- package/scss/panel/_layout.scss +2 -24
- package/scss/panel/_theme.scss +10 -13
- package/scss/panel/_variables.scss +23 -10
- package/scss/panelbar/_layout.scss +17 -95
- package/scss/panelbar/_theme.scss +15 -164
- package/scss/panelbar/_variables.scss +134 -68
- package/scss/pdf-viewer/_layout.scss +3 -327
- package/scss/pdf-viewer/_theme.scss +2 -80
- package/scss/pdf-viewer/_variables.scss +75 -36
- package/scss/pivotgrid/_index.scss +0 -6
- package/scss/pivotgrid/_layout.scss +44 -579
- package/scss/pivotgrid/_theme.scss +5 -192
- package/scss/pivotgrid/_variables.scss +144 -70
- package/scss/popover/_layout.scss +6 -73
- package/scss/popover/_theme.scss +2 -36
- package/scss/popover/_variables.scss +54 -27
- package/scss/popup/_layout.scss +5 -70
- package/scss/popup/_theme.scss +2 -9
- package/scss/popup/_variables.scss +25 -12
- package/scss/progressbar/_layout.scss +10 -196
- package/scss/progressbar/_theme.scss +11 -46
- package/scss/progressbar/_variables.scss +57 -34
- package/scss/prompt/_layout.scss +2 -75
- package/scss/prompt/_theme.scss +2 -35
- package/scss/prompt/_variables.scss +43 -20
- package/scss/radio/_layout.scss +12 -178
- package/scss/radio/_theme.scss +7 -75
- package/scss/radio/_variables.scss +72 -36
- package/scss/rating/_layout.scss +11 -57
- package/scss/rating/_theme.scss +8 -6
- package/scss/rating/_variables.scss +21 -13
- package/scss/responsivepanel/_layout.scss +2 -45
- package/scss/responsivepanel/_theme.scss +3 -3
- package/scss/ripple/_layout.scss +2 -50
- package/scss/ripple/_theme.scss +2 -2
- package/scss/scheduler/_layout.scss +11 -773
- package/scss/scheduler/_theme.scss +32 -167
- package/scss/scheduler/_variables.scss +149 -77
- package/scss/scroller/_layout.scss +2 -80
- package/scss/scroller/_theme.scss +2 -5
- package/scss/scrollview/_layout.scss +2 -159
- package/scss/scrollview/_theme.scss +11 -35
- package/scss/scrollview/_variables.scss +52 -29
- package/scss/searchbox/_layout.scss +2 -0
- package/scss/searchbox/_theme.scss +4 -1
- package/scss/searchbox/_variables.scss +1 -1
- package/scss/signature/_layout.scss +3 -67
- package/scss/signature/_theme.scss +3 -8
- package/scss/signature/_variables.scss +46 -25
- package/scss/skeleton/_layout.scss +2 -79
- package/scss/skeleton/_theme.scss +2 -17
- package/scss/skeleton/_variables.scss +15 -6
- package/scss/slider/_layout.scss +18 -203
- package/scss/slider/_theme.scss +31 -40
- package/scss/slider/_variables.scss +58 -41
- package/scss/speech-to-text-button/_layout.scss +1 -9
- package/scss/speech-to-text-button/_theme.scss +1 -3
- package/scss/split-button/_layout.scss +22 -18
- package/scss/split-button/_theme.scss +2 -1
- package/scss/split-button/_variables.scss +18 -9
- package/scss/splitter/_layout.scss +8 -171
- package/scss/splitter/_theme.scss +2 -31
- package/scss/splitter/_variables.scss +42 -20
- package/scss/spreadsheet/_layout.scss +50 -724
- package/scss/spreadsheet/_theme.scss +14 -182
- package/scss/spreadsheet/_variables.scss +172 -99
- package/scss/stacklayout/_layout.scss +1 -5
- package/scss/stacklayout/_theme.scss +1 -5
- package/scss/stepper/_layout.scss +9 -255
- package/scss/stepper/_theme.scss +4 -186
- package/scss/stepper/_variables.scss +125 -60
- package/scss/suggestion/_layout.scss +2 -38
- package/scss/suggestion/_theme.scss +3 -66
- package/scss/suggestion/_variables.scss +42 -19
- package/scss/switch/_layout.scss +2 -138
- package/scss/switch/_theme.scss +2 -136
- package/scss/switch/_variables.scss +99 -49
- package/scss/table/_layout.scss +6 -249
- package/scss/table/_theme.scss +9 -95
- package/scss/table/_variables.scss +100 -64
- package/scss/tabstrip/_layout.scss +2 -421
- package/scss/tabstrip/_theme.scss +12 -123
- package/scss/tabstrip/_variables.scss +113 -61
- package/scss/taskboard/_layout.scss +28 -178
- package/scss/taskboard/_theme.scss +20 -55
- package/scss/taskboard/_variables.scss +122 -63
- package/scss/textarea/_layout.scss +3 -6
- package/scss/textarea/_theme.scss +3 -4
- package/scss/textbox/_layout.scss +3 -4
- package/scss/textbox/_theme.scss +3 -4
- package/scss/tilelayout/_layout.scss +2 -36
- package/scss/tilelayout/_theme.scss +13 -10
- package/scss/tilelayout/_variables.scss +19 -8
- package/scss/time-marker/_layout.scss +2 -15
- package/scss/time-marker/_theme.scss +2 -17
- package/scss/time-marker/_variables.scss +7 -2
- package/scss/timedurationpicker/_layout.scss +3 -4
- package/scss/timedurationpicker/_theme.scss +3 -4
- package/scss/timeline/_layout.scss +8 -423
- package/scss/timeline/_theme.scss +11 -34
- package/scss/timeline/_variables.scss +108 -61
- package/scss/timepicker/_layout.scss +7 -3
- package/scss/timepicker/_theme.scss +3 -4
- package/scss/timeselector/_layout.scss +3 -223
- package/scss/timeselector/_theme.scss +5 -55
- package/scss/timeselector/_variables.scss +84 -41
- package/scss/toolbar/_layout.scss +11 -297
- package/scss/toolbar/_theme.scss +3 -167
- package/scss/toolbar/_variables.scss +65 -32
- package/scss/tooltip/_functions.scss +17 -0
- package/scss/tooltip/_layout.scss +13 -74
- package/scss/tooltip/_theme.scss +17 -23
- package/scss/tooltip/_variables.scss +50 -72
- package/scss/treelist/_layout.scss +3 -82
- package/scss/treelist/_theme.scss +4 -6
- package/scss/treelist/_variables.scss +7 -2
- package/scss/treeview/_layout.scss +8 -137
- package/scss/treeview/_theme.scss +20 -65
- package/scss/treeview/_variables.scss +88 -48
- package/scss/typography/_layout.scss +3 -113
- package/scss/typography/_theme.scss +2 -17
- package/scss/typography/_variables.scss +84 -3
- package/scss/upload/_layout.scss +7 -219
- package/scss/upload/_theme.scss +4 -90
- package/scss/upload/_variables.scss +66 -29
- package/scss/validator/_layout.scss +2 -16
- package/scss/validator/_theme.scss +2 -2
- package/scss/virtual-scroller/_layout.scss +2 -34
- package/scss/virtual-scroller/_theme.scss +2 -2
- package/scss/window/_layout.scss +9 -141
- package/scss/window/_theme.scss +7 -35
- package/scss/window/_variables.scss +65 -70
- package/scss/wizard/_layout.scss +8 -95
- package/scss/wizard/_theme.scss +4 -7
- package/scss/wizard/_variables.scss +24 -11
|
@@ -8,110 +8,110 @@
|
|
|
8
8
|
|
|
9
9
|
/// The border width of the Grid.
|
|
10
10
|
/// @group grid
|
|
11
|
-
$kendo-grid-border-width: 1px !default;
|
|
11
|
+
$kendo-grid-border-width: var( --kendo-grid-border-width, 1px ) !default;
|
|
12
12
|
/// The border style of the Grid.
|
|
13
13
|
/// @group grid
|
|
14
|
-
$kendo-grid-border-style: solid !default;
|
|
14
|
+
$kendo-grid-border-style: var( --kendo-grid-border-style, solid ) !default;
|
|
15
15
|
/// The font family of the Grid.
|
|
16
16
|
/// @group grid
|
|
17
|
-
$kendo-grid-font-family: var( --kendo-font-family, inherit ) !default;
|
|
17
|
+
$kendo-grid-font-family: var( --kendo-grid-font-family, var(--kendo-font-family, inherit) ) !default;
|
|
18
18
|
/// The font size of the Grid.
|
|
19
19
|
/// @group grid
|
|
20
|
-
$kendo-grid-font-size: var( --kendo-font-size, inherit ) !default;
|
|
20
|
+
$kendo-grid-font-size: var( --kendo-grid-font-size, var(--kendo-font-size, inherit) ) !default;
|
|
21
21
|
/// The line height of the Grid.
|
|
22
22
|
/// @group grid
|
|
23
|
-
$kendo-grid-line-height: var( --kendo-line-height, normal ) !default;
|
|
23
|
+
$kendo-grid-line-height: var( --kendo-grid-line-height, var(--kendo-line-height, normal) ) !default;
|
|
24
24
|
|
|
25
25
|
/// The horizontal padding of the Grid.
|
|
26
26
|
/// @group grid
|
|
27
|
-
$kendo-grid-padding-x: $kendo-table-cell-padding-x !default;
|
|
27
|
+
$kendo-grid-padding-x: var( --kendo-grid-padding-x, #{$kendo-table-md-cell-padding-x} ) !default;
|
|
28
28
|
/// The vertical padding of the Grid.
|
|
29
29
|
/// @group grid
|
|
30
|
-
$kendo-grid-padding-y: $kendo-table-cell-padding-y !default;
|
|
30
|
+
$kendo-grid-padding-y: var( --kendo-grid-padding-y, #{$kendo-table-md-cell-padding-y} ) !default;
|
|
31
31
|
|
|
32
32
|
/// The horizontal padding of the Grid header.
|
|
33
33
|
/// @group grid
|
|
34
|
-
$kendo-grid-header-padding-x: $kendo-grid-padding-x !default;
|
|
34
|
+
$kendo-grid-header-padding-x: var( --kendo-grid-header-padding-x, #{$kendo-grid-padding-x} ) !default;
|
|
35
35
|
/// The vertical padding of the Grid header.
|
|
36
36
|
/// @group grid
|
|
37
|
-
$kendo-grid-header-padding-y: $kendo-grid-padding-y !default;
|
|
37
|
+
$kendo-grid-header-padding-y: var( --kendo-grid-header-padding-y, #{$kendo-grid-padding-y} ) !default;
|
|
38
38
|
|
|
39
39
|
/// The horizontal padding of the Grid grouping header.
|
|
40
40
|
/// @group grid
|
|
41
|
-
$kendo-grid-grouping-header-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
41
|
+
$kendo-grid-grouping-header-padding-x: var( --kendo-grid-grouping-header-padding-x, #{$kendo-toolbar-md-padding-x} ) !default;
|
|
42
42
|
/// The vertical padding of the Grid grouping header.
|
|
43
43
|
/// @group grid
|
|
44
|
-
$kendo-grid-grouping-header-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
44
|
+
$kendo-grid-grouping-header-padding-y: var( --kendo-grid-grouping-header-padding-y, #{$kendo-toolbar-md-padding-y} ) !default;
|
|
45
45
|
|
|
46
46
|
/// The horizontal padding of the Grid cell.
|
|
47
47
|
/// @group grid
|
|
48
|
-
$kendo-grid-cell-padding-x: $kendo-grid-padding-x !default;
|
|
48
|
+
$kendo-grid-cell-padding-x: var( --kendo-grid-cell-padding-x, #{$kendo-grid-padding-x} ) !default;
|
|
49
49
|
/// The vertical padding of the Grid cell.
|
|
50
50
|
/// @group grid
|
|
51
|
-
$kendo-grid-cell-padding-y: $kendo-grid-padding-y !default;
|
|
51
|
+
$kendo-grid-cell-padding-y: var( --kendo-grid-cell-padding-y, #{$kendo-grid-padding-y} ) !default;
|
|
52
52
|
|
|
53
53
|
/// The horizontal padding of the Grid filter cell.
|
|
54
54
|
/// @group grid
|
|
55
|
-
$kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
|
|
55
|
+
$kendo-grid-filter-cell-padding-x: var( --kendo-grid-filter-cell-padding-x, #{$kendo-grid-padding-y} ) !default;
|
|
56
56
|
/// The vertical padding of the Grid filter cell.
|
|
57
57
|
/// @group grid
|
|
58
|
-
$kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;
|
|
58
|
+
$kendo-grid-filter-cell-padding-y: var( --kendo-grid-filter-cell-padding-y, #{$kendo-grid-filter-cell-padding-x} ) !default;
|
|
59
59
|
|
|
60
60
|
/// The horizontal padding of the Grid edit cell.
|
|
61
61
|
/// @group grid
|
|
62
|
-
$kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
|
|
62
|
+
$kendo-grid-edit-cell-padding-x: var( --kendo-grid-edit-cell-padding-x, #{$kendo-grid-cell-padding-x} ) !default;
|
|
63
63
|
/// The vertical padding of the Grid filter cell.
|
|
64
64
|
/// @group grid
|
|
65
|
-
$kendo-grid-edit-cell-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
|
|
65
|
+
$kendo-grid-edit-cell-padding-y: var( --kendo-grid-edit-cell-padding-y, calc( #{k-spacing(2.5)} / 2 ) ) !default;
|
|
66
66
|
|
|
67
67
|
/// The size of the Grid group drop clue.
|
|
68
68
|
/// @group grid
|
|
69
|
-
$kendo-grid-group-drop-hint-size: 6px !default;
|
|
69
|
+
$kendo-grid-group-drop-hint-size: var( --kendo-grid-group-drop-hint-size, 6px ) !default;
|
|
70
70
|
/// The line size of the Grid group drop clue.
|
|
71
71
|
/// @group grid
|
|
72
|
-
$kendo-grid-group-drop-hint-line-size: 1px !default;
|
|
72
|
+
$kendo-grid-group-drop-hint-line-size: var( --kendo-grid-group-drop-hint-line-size, 1px ) !default;
|
|
73
73
|
/// The dot size of the Grid group drop clue.
|
|
74
74
|
/// @group grid
|
|
75
|
-
$kendo-grid-group-drop-hint-dot-size: $kendo-grid-group-drop-hint-size !default;
|
|
75
|
+
$kendo-grid-group-drop-hint-dot-size: var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-size} ) !default;
|
|
76
76
|
/// The height of the Grid group drop clue.
|
|
77
77
|
/// @group grid
|
|
78
|
-
$kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size} ) !default;
|
|
78
|
+
$kendo-grid-group-drop-hint-height: var( --kendo-grid-group-drop-hint-height, calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size} ) ) !default;
|
|
79
79
|
/// The top offset of the Grid group drop clue.
|
|
80
80
|
/// @group grid
|
|
81
|
-
$kendo-grid-group-drop-hint-top: 2px !default;
|
|
81
|
+
$kendo-grid-group-drop-hint-top: var( --kendo-grid-group-drop-hint-top, 2px ) !default;
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
$kendo-grid-sm-padding-x: k-spacing(3) !default;
|
|
85
85
|
$kendo-grid-sm-padding-y: k-spacing(1.5) !default;
|
|
86
|
-
$kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
|
|
87
|
-
$kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
|
|
88
|
-
$kendo-grid-sm-grouping-header-padding-x: k-spacing(1.5) !default;
|
|
89
|
-
$kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-x !default;
|
|
90
|
-
$kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
|
|
91
|
-
$kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
|
|
92
|
-
$kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-padding-x !default;
|
|
93
|
-
$kendo-grid-sm-filter-cell-padding-y: k-spacing(2) !default;
|
|
94
|
-
$kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-padding-x !default;
|
|
95
|
-
$kendo-grid-sm-edit-cell-padding-y: k-spacing(0.5) !default;
|
|
96
|
-
$kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
|
|
97
|
-
$kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
|
|
98
|
-
$kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;
|
|
99
|
-
|
|
100
|
-
$kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
|
|
101
|
-
$kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
|
|
102
|
-
$kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
|
|
103
|
-
$kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
|
|
104
|
-
$kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
|
|
105
|
-
$kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
|
|
106
|
-
$kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
|
|
107
|
-
$kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
|
|
108
|
-
$kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
|
|
109
|
-
$kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
|
|
110
|
-
$kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
|
|
111
|
-
$kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
|
|
112
|
-
$kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
|
|
113
|
-
$kendo-grid-md-selection-aggregates-padding-x: k-spacing(2) !default;
|
|
114
|
-
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;
|
|
86
|
+
$kendo-grid-sm-header-padding-x: var( --kendo-grid-sm-header-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
|
|
87
|
+
$kendo-grid-sm-header-padding-y: var( --kendo-grid-sm-header-padding-y, #{$kendo-grid-sm-padding-y} ) !default;
|
|
88
|
+
$kendo-grid-sm-grouping-header-padding-x: var( --kendo-grid-sm-grouping-header-padding-x, #{k-spacing(1.5)} ) !default;
|
|
89
|
+
$kendo-grid-sm-grouping-header-padding-y: var( --kendo-grid-sm-grouping-header-padding-y, #{$kendo-grid-sm-grouping-header-padding-x} ) !default;
|
|
90
|
+
$kendo-grid-sm-cell-padding-x: var( --kendo-grid-sm-cell-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
|
|
91
|
+
$kendo-grid-sm-cell-padding-y: var( --kendo-grid-sm-cell-padding-y, #{$kendo-grid-sm-padding-y} ) !default;
|
|
92
|
+
$kendo-grid-sm-filter-cell-padding-x: var( --kendo-grid-sm-filter-cell-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
|
|
93
|
+
$kendo-grid-sm-filter-cell-padding-y: var( --kendo-grid-sm-filter-cell-padding-y, #{k-spacing(2)} ) !default;
|
|
94
|
+
$kendo-grid-sm-edit-cell-padding-x: var( --kendo-grid-sm-edit-cell-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
|
|
95
|
+
$kendo-grid-sm-edit-cell-padding-y: var( --kendo-grid-sm-edit-cell-padding-y, #{k-spacing(0.5)} ) !default;
|
|
96
|
+
$kendo-grid-sm-group-dropclue-height: var( --kendo-grid-sm-group-dropclue-height, calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) ) !default;
|
|
97
|
+
$kendo-grid-sm-selection-aggregates-padding-x: var( --kendo-grid-sm-selection-aggregates-padding-x, #{$kendo-grid-sm-padding-y} ) !default;
|
|
98
|
+
$kendo-grid-sm-selection-aggregates-padding-y: var( --kendo-grid-sm-selection-aggregates-padding-y, #{$kendo-grid-sm-padding-y} ) !default;
|
|
99
|
+
|
|
100
|
+
$kendo-grid-md-padding-x: var( --kendo-grid-md-padding-x, #{$kendo-grid-padding-x} ) !default;
|
|
101
|
+
$kendo-grid-md-padding-y: var( --kendo-grid-md-padding-y, #{$kendo-grid-padding-y} ) !default;
|
|
102
|
+
$kendo-grid-md-header-padding-x: var( --kendo-grid-md-header-padding-x, #{$kendo-grid-header-padding-x} ) !default;
|
|
103
|
+
$kendo-grid-md-header-padding-y: var( --kendo-grid-md-header-padding-y, #{$kendo-grid-header-padding-y} ) !default;
|
|
104
|
+
$kendo-grid-md-grouping-header-padding-x: var( --kendo-grid-md-grouping-header-padding-x, #{$kendo-grid-grouping-header-padding-x} ) !default;
|
|
105
|
+
$kendo-grid-md-grouping-header-padding-y: var( --kendo-grid-md-grouping-header-padding-y, #{$kendo-grid-grouping-header-padding-y} ) !default;
|
|
106
|
+
$kendo-grid-md-cell-padding-x: var( --kendo-grid-md-cell-padding-x, #{$kendo-grid-cell-padding-x} ) !default;
|
|
107
|
+
$kendo-grid-md-cell-padding-y: var( --kendo-grid-md-cell-padding-y, #{$kendo-grid-cell-padding-y} ) !default;
|
|
108
|
+
$kendo-grid-md-filter-cell-padding-x: var( --kendo-grid-md-filter-cell-padding-x, #{$kendo-grid-filter-cell-padding-x} ) !default;
|
|
109
|
+
$kendo-grid-md-filter-cell-padding-y: var( --kendo-grid-md-filter-cell-padding-y, #{$kendo-grid-filter-cell-padding-y} ) !default;
|
|
110
|
+
$kendo-grid-md-edit-cell-padding-x: var( --kendo-grid-md-edit-cell-padding-x, #{$kendo-grid-edit-cell-padding-x} ) !default;
|
|
111
|
+
$kendo-grid-md-edit-cell-padding-y: var( --kendo-grid-md-edit-cell-padding-y, #{$kendo-grid-edit-cell-padding-y} ) !default;
|
|
112
|
+
$kendo-grid-md-group-dropclue-height: var( --kendo-grid-md-group-dropclue-height, #{$kendo-grid-group-drop-hint-height} ) !default;
|
|
113
|
+
$kendo-grid-md-selection-aggregates-padding-x: var( --kendo-grid-md-selection-aggregates-padding-x, #{k-spacing(2)} ) !default;
|
|
114
|
+
$kendo-grid-md-selection-aggregates-padding-y: var( --kendo-grid-md-selection-aggregates-padding-y, #{$kendo-grid-md-selection-aggregates-padding-x} ) !default;
|
|
115
115
|
|
|
116
116
|
|
|
117
117
|
// Kendo Grid sizes
|
|
@@ -155,394 +155,517 @@ $kendo-grid-sizes: (
|
|
|
155
155
|
|
|
156
156
|
/// The background color of the Grid.
|
|
157
157
|
/// @group grid
|
|
158
|
-
$kendo-grid-bg: $kendo-table-bg !default;
|
|
158
|
+
$kendo-grid-bg: var( --kendo-grid-bg, #{$kendo-table-bg} ) !default;
|
|
159
159
|
/// The text color of the Grid.
|
|
160
160
|
/// @group grid
|
|
161
|
-
$kendo-grid-text: $kendo-table-text !default;
|
|
161
|
+
$kendo-grid-text: var( --kendo-grid-text, #{$kendo-table-text} ) !default;
|
|
162
162
|
/// The border color of the Grid.
|
|
163
163
|
/// @group grid
|
|
164
|
-
$kendo-grid-border: $kendo-table-border !default;
|
|
164
|
+
$kendo-grid-border: var( --kendo-grid-border, #{$kendo-table-border} ) !default;
|
|
165
165
|
/// The focus shadow of the Grid.
|
|
166
166
|
/// @group grid
|
|
167
|
-
$kendo-grid-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
167
|
+
$kendo-grid-focus-shadow: var( --kendo-grid-focus-shadow, #{$kendo-list-item-focus-shadow} ) !default;
|
|
168
168
|
|
|
169
169
|
/// The background color of alternating rows in Grid.
|
|
170
170
|
/// @group grid
|
|
171
|
-
$kendo-grid-alt-bg: $kendo-table-alt-row-bg !default;
|
|
171
|
+
$kendo-grid-alt-bg: var( --kendo-grid-alt-bg, #{$kendo-table-alt-row-bg} ) !default;
|
|
172
172
|
|
|
173
173
|
/// The background color of hover rows in Grid.
|
|
174
174
|
/// @group grid
|
|
175
|
-
$kendo-grid-hover-bg: $kendo-table-hover-bg !default;
|
|
175
|
+
$kendo-grid-hover-bg: var( --kendo-grid-hover-bg, #{$kendo-table-hover-bg} ) !default;
|
|
176
176
|
/// The text color of hover rows in Grid.
|
|
177
177
|
/// @group grid
|
|
178
|
-
$kendo-grid-hover-text: $kendo-table-hover-text !default;
|
|
178
|
+
$kendo-grid-hover-text: var( --kendo-grid-hover-text, #{$kendo-table-hover-text} ) !default;
|
|
179
179
|
/// The border color of hover rows in Grid.
|
|
180
180
|
/// @group grid
|
|
181
|
-
$kendo-grid-hover-border: $kendo-table-hover-border !default;
|
|
181
|
+
$kendo-grid-hover-border: var( --kendo-grid-hover-border, #{$kendo-table-hover-border} ) !default;
|
|
182
182
|
|
|
183
183
|
/// The background color of selected rows in Grid.
|
|
184
184
|
/// @group grid
|
|
185
|
-
$kendo-grid-selected-bg: $kendo-table-selected-bg !default;
|
|
185
|
+
$kendo-grid-selected-bg: var( --kendo-grid-selected-bg, #{$kendo-table-selected-bg} ) !default;
|
|
186
186
|
/// The text color of selected rows in Grid.
|
|
187
187
|
/// @group grid
|
|
188
|
-
$kendo-grid-selected-text: $kendo-table-selected-text !default;
|
|
188
|
+
$kendo-grid-selected-text: var( --kendo-grid-selected-text, #{$kendo-table-selected-text} ) !default;
|
|
189
189
|
/// The border color of selected rows in Grid.
|
|
190
190
|
/// @group grid
|
|
191
|
-
$kendo-grid-selected-border: $kendo-table-selected-border !default;
|
|
191
|
+
$kendo-grid-selected-border: var( --kendo-grid-selected-border, #{$kendo-table-selected-border} ) !default;
|
|
192
192
|
|
|
193
193
|
/// The background color of highlighted Grid rows.
|
|
194
194
|
/// @group grid
|
|
195
|
-
$kendo-grid-highlighted-bg: $kendo-table-highlighted-bg !default;
|
|
195
|
+
$kendo-grid-highlighted-bg: var( --kendo-grid-highlighted-bg, #{$kendo-table-highlighted-bg} ) !default;
|
|
196
196
|
/// The font weight of highlighted Grid rows.
|
|
197
197
|
/// @group grid
|
|
198
|
-
$kendo-grid-highlighted-font-weight: $kendo-table-highlighted-font-weight !default;
|
|
198
|
+
$kendo-grid-highlighted-font-weight: var( --kendo-grid-highlighted-font-weight, #{$kendo-table-highlighted-font-weight} ) !default;
|
|
199
199
|
|
|
200
200
|
/// The background color of selected highlighted Grid rows.
|
|
201
201
|
/// @group grid
|
|
202
|
-
$kendo-grid-selected-highlighted-bg: $kendo-table-selected-highlighted-bg !default;
|
|
202
|
+
$kendo-grid-selected-highlighted-bg: var( --kendo-grid-selected-highlighted-bg, #{$kendo-table-selected-highlighted-bg} ) !default;
|
|
203
203
|
|
|
204
204
|
/// The vertical border width of the Grid header.
|
|
205
205
|
/// @group grid
|
|
206
|
-
$kendo-grid-header-border-width-y: $kendo-grid-border-width !default;
|
|
206
|
+
$kendo-grid-header-border-width-y: var( --kendo-grid-header-border-width-y, #{$kendo-grid-border-width} ) !default;
|
|
207
207
|
/// The horizontal border width of the Grid header.
|
|
208
208
|
/// @group grid
|
|
209
|
-
$kendo-grid-header-border-width-x:
|
|
209
|
+
$kendo-grid-header-border-width-x: var( --kendo-grid-header-border-width-x, 0px ) !default;
|
|
210
210
|
/// The font size of the Grid header.
|
|
211
211
|
/// @group grid
|
|
212
|
-
$kendo-grid-header-font-size: inherit !default;
|
|
212
|
+
$kendo-grid-header-font-size: var( --kendo-grid-header-font-size, inherit ) !default;
|
|
213
213
|
/// The font weight of the Grid header.
|
|
214
214
|
/// @group grid
|
|
215
|
-
$kendo-grid-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
215
|
+
$kendo-grid-header-font-weight: var( --kendo-grid-header-font-weight, var(--kendo-font-weight-bold, normal) ) !default;
|
|
216
216
|
/// The menu spacing of the Grid header.
|
|
217
217
|
/// @group grid
|
|
218
|
-
$kendo-grid-header-menu-spacing: var( --kendo-icon-spacing, .5rem ) !default;
|
|
218
|
+
$kendo-grid-header-menu-spacing: var( --kendo-grid-header-menu-spacing, var(--kendo-icon-spacing, .5rem) ) !default;
|
|
219
219
|
/// The border width of the first cell in the Grid header.
|
|
220
220
|
/// @group grid
|
|
221
|
-
$kendo-grid-header-first-border-width: $kendo-grid-border-width !default;
|
|
221
|
+
$kendo-grid-header-first-border-width: var( --kendo-grid-header-first-border-width, #{$kendo-grid-border-width} ) !default;
|
|
222
222
|
/// The background color of Grid header.
|
|
223
223
|
/// @group grid
|
|
224
|
-
$kendo-grid-header-bg: $kendo-table-header-bg !default;
|
|
224
|
+
$kendo-grid-header-bg: var( --kendo-grid-header-bg, #{$kendo-table-header-bg} ) !default;
|
|
225
225
|
/// The text color of Grid header.
|
|
226
226
|
/// @group grid
|
|
227
|
-
$kendo-grid-header-text: $kendo-table-header-text !default;
|
|
227
|
+
$kendo-grid-header-text: var( --kendo-grid-header-text, #{$kendo-table-header-text} ) !default;
|
|
228
228
|
/// The border color of Grid header.
|
|
229
229
|
/// @group grid
|
|
230
|
-
$kendo-grid-header-border: $kendo-table-header-border !default;
|
|
230
|
+
$kendo-grid-header-border: var( --kendo-grid-header-border, #{$kendo-table-header-border} ) !default;
|
|
231
231
|
|
|
232
232
|
// The background color of Grid footer.
|
|
233
233
|
/// @group grid
|
|
234
|
-
$kendo-grid-footer-bg: $kendo-table-footer-bg !default;
|
|
234
|
+
$kendo-grid-footer-bg: var( --kendo-grid-footer-bg, #{$kendo-table-footer-bg} ) !default;
|
|
235
235
|
/// The text color of Grid footer.
|
|
236
236
|
/// @group grid
|
|
237
|
-
$kendo-grid-footer-text: $kendo-table-footer-text !default;
|
|
237
|
+
$kendo-grid-footer-text: var( --kendo-grid-footer-text, #{$kendo-table-footer-text} ) !default;
|
|
238
238
|
/// The border color of Grid footer.
|
|
239
239
|
/// @group grid
|
|
240
|
-
$kendo-grid-footer-border: $kendo-table-footer-border !default;
|
|
240
|
+
$kendo-grid-footer-border: var( --kendo-grid-footer-border, #{$kendo-table-footer-border} ) !default;
|
|
241
241
|
|
|
242
242
|
/// The background color of the Grid selection aggregates container.
|
|
243
243
|
/// @group grid
|
|
244
|
-
$kendo-grid-selection-aggregates-bg: $kendo-toolbar-bg !default;
|
|
244
|
+
$kendo-grid-selection-aggregates-bg: var( --kendo-grid-selection-aggregates-bg, #{$kendo-toolbar-bg} ) !default;
|
|
245
245
|
/// The text color of the Grid selection aggregates container.
|
|
246
246
|
/// @group grid
|
|
247
|
-
$kendo-grid-selection-aggregates-text: $kendo-grid-text !default;
|
|
247
|
+
$kendo-grid-selection-aggregates-text: var( --kendo-grid-selection-aggregates-text, #{$kendo-grid-text} ) !default;
|
|
248
248
|
/// The border color of the Grid selection aggregates container.
|
|
249
249
|
/// @group grid
|
|
250
|
-
$kendo-grid-selection-aggregates-border: $kendo-grid-border !default;
|
|
250
|
+
$kendo-grid-selection-aggregates-border: var( --kendo-grid-selection-aggregates-border, #{$kendo-grid-border} ) !default;
|
|
251
251
|
/// The border width of the Grid selection aggregates container.
|
|
252
252
|
/// @group grid
|
|
253
|
-
$kendo-grid-selection-aggregates-border-width: $kendo-grid-border-width !default;
|
|
253
|
+
$kendo-grid-selection-aggregates-border-width: var( --kendo-grid-selection-aggregates-border-width, #{$kendo-grid-border-width} ) !default;
|
|
254
254
|
/// The spacing between the Grid selection aggregates items.
|
|
255
255
|
/// @group grid
|
|
256
|
-
$kendo-grid-selection-aggregates-spacing: k-spacing(2) !default;
|
|
256
|
+
$kendo-grid-selection-aggregates-spacing: var( --kendo-grid-selection-aggregates-spacing, #{k-spacing(2)} ) !default;
|
|
257
257
|
/// Line height of the Grid selection aggregates container.
|
|
258
258
|
/// @group grid
|
|
259
|
-
$kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
|
|
259
|
+
$kendo-grid-selection-aggregates-line-height: var( --kendo-grid-selection-aggregates-line-height, #{$kendo-grid-line-height} ) !default;
|
|
260
260
|
/// The font weight of the Grid selection aggregates container.
|
|
261
261
|
/// @group grid
|
|
262
|
-
$kendo-grid-selection-aggregates-font-weight: $kendo-font-weight-bold !default;
|
|
262
|
+
$kendo-grid-selection-aggregates-font-weight: var( --kendo-grid-selection-aggregates-font-weight, #{$kendo-font-weight-bold} ) !default;
|
|
263
263
|
|
|
264
264
|
/// The background color of the Grid grouping header.
|
|
265
265
|
/// @group grid
|
|
266
|
-
$kendo-grid-grouping-header-bg: $kendo-toolbar-bg !default;
|
|
266
|
+
$kendo-grid-grouping-header-bg: var( --kendo-grid-grouping-header-bg, #{$kendo-toolbar-bg} ) !default;
|
|
267
267
|
/// The text color of the Grid grouping header.
|
|
268
268
|
/// @group grid
|
|
269
|
-
$kendo-grid-grouping-header-text: $kendo-toolbar-text !default;
|
|
269
|
+
$kendo-grid-grouping-header-text: var( --kendo-grid-grouping-header-text, #{$kendo-toolbar-text} ) !default;
|
|
270
270
|
/// The border color of the Grid grouping header.
|
|
271
271
|
/// @group grid
|
|
272
|
-
$kendo-grid-grouping-header-border: $kendo-toolbar-border !default;
|
|
272
|
+
$kendo-grid-grouping-header-border: var( --kendo-grid-grouping-header-border, #{$kendo-toolbar-border} ) !default;
|
|
273
273
|
|
|
274
274
|
/// The vertical border width of the Grid grouping row.
|
|
275
275
|
/// @group grid
|
|
276
|
-
$kendo-grid-grouping-row-border-width-y: $kendo-grid-border-width !default;
|
|
276
|
+
$kendo-grid-grouping-row-border-width-y: var( --kendo-grid-grouping-row-border-width-y, #{$kendo-grid-border-width} ) !default;
|
|
277
277
|
/// The background color of the Grid grouping row.
|
|
278
278
|
/// @group grid
|
|
279
|
-
$kendo-grid-grouping-row-bg: $kendo-table-group-row-bg !default;
|
|
279
|
+
$kendo-grid-grouping-row-bg: var( --kendo-grid-grouping-row-bg, #{$kendo-table-group-row-bg} ) !default;
|
|
280
280
|
/// The text color of the Grid grouping row.
|
|
281
281
|
/// @group grid
|
|
282
|
-
$kendo-grid-grouping-row-text: $kendo-table-group-row-text !default;
|
|
282
|
+
$kendo-grid-grouping-row-text: var( --kendo-grid-grouping-row-text, #{$kendo-table-group-row-text} ) !default;
|
|
283
283
|
/// The border color of the Grid grouping row.
|
|
284
284
|
/// @group grid
|
|
285
|
-
$kendo-grid-grouping-row-border: $kendo-table-group-row-border !default;
|
|
285
|
+
$kendo-grid-grouping-row-border: var( --kendo-grid-grouping-row-border, #{$kendo-table-group-row-border} ) !default;
|
|
286
286
|
|
|
287
287
|
/// The horizontal padding of the Grid filter cell.
|
|
288
288
|
/// @group grid
|
|
289
|
-
$kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
|
|
289
|
+
$kendo-grid-filter-cell-padding-x: var( --kendo-grid-filter-cell-padding-x, #{$kendo-grid-padding-y} ) !default;
|
|
290
290
|
/// The vertical padding of the Grid filter cell.
|
|
291
291
|
/// @group grid
|
|
292
|
-
$kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;
|
|
292
|
+
$kendo-grid-filter-cell-padding-y: var( --kendo-grid-filter-cell-padding-y, #{$kendo-grid-filter-cell-padding-x} ) !default;
|
|
293
293
|
|
|
294
294
|
/// The border width of the Grid Toolbar.
|
|
295
295
|
/// @group grid
|
|
296
|
-
$kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
|
|
296
|
+
$kendo-grid-toolbar-border-width: var( --kendo-grid-toolbar-border-width, #{$kendo-grid-border-width} ) !default;
|
|
297
297
|
|
|
298
298
|
/// The vertical border width of the Grid cell.
|
|
299
299
|
/// @group grid
|
|
300
|
-
$kendo-grid-cell-border-width-y: $kendo-grid-border-width !default;
|
|
300
|
+
$kendo-grid-cell-border-width-y: var( --kendo-grid-cell-border-width-y, #{$kendo-grid-border-width} ) !default;
|
|
301
301
|
/// The horizontal border width of the Grid cell.
|
|
302
302
|
/// @group grid
|
|
303
|
-
$kendo-grid-cell-border-width-x: 0px !default;
|
|
303
|
+
$kendo-grid-cell-border-width-x: var( --kendo-grid-cell-border-width-x, 0px ) !default;
|
|
304
304
|
/// The font size of the Grid sort index.
|
|
305
305
|
/// @group grid
|
|
306
|
-
$kendo-grid-sort-index-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
306
|
+
$kendo-grid-sort-index-font-size: var( --kendo-grid-sort-index-font-size, var(--kendo-font-size-sm, inherit) ) !default;
|
|
307
307
|
|
|
308
308
|
/// The vertical offset of the Grid sort index.
|
|
309
309
|
/// @group grid
|
|
310
|
-
$kendo-grid-sort-index-spacing-x: k-spacing(0.5) !default;
|
|
310
|
+
$kendo-grid-sort-index-spacing-x: var( --kendo-grid-sort-index-spacing-x, #{k-spacing(0.5)} ) !default;
|
|
311
311
|
/// The spacing of the Grid sort icon.
|
|
312
312
|
/// @group grid
|
|
313
|
-
$kendo-grid-sort-icon-spacing: var( --kendo-icon-lg-spacing, .5rem ) !default;
|
|
313
|
+
$kendo-grid-sort-icon-spacing: var( --kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, .5rem) ) !default;
|
|
314
314
|
/// The text color of the Grid sort indicator.
|
|
315
315
|
/// @group grid
|
|
316
|
-
$kendo-grid-sort-indicator-text: k-color(subtle) !default;
|
|
316
|
+
$kendo-grid-sort-indicator-text: var( --kendo-grid-sort-indicator-text, k-color(subtle) ) !default;
|
|
317
317
|
/// The text color of the Grid sort order indicator.
|
|
318
318
|
/// @group grid
|
|
319
|
-
$kendo-grid-sort-indicator-order-text: k-color(primary) !default;
|
|
319
|
+
$kendo-grid-sort-indicator-order-text: var( --kendo-grid-sort-indicator-order-text, #{k-color(primary)} ) !default;
|
|
320
320
|
/// The background color of the sorted Grid cells.
|
|
321
321
|
/// @group grid
|
|
322
|
-
$kendo-grid-sorted-bg: k-color(surface) !default;
|
|
322
|
+
$kendo-grid-sorted-bg: var( --kendo-grid-sorted-bg, #{k-color(surface)} ) !default;
|
|
323
323
|
|
|
324
324
|
/// The vertical padding of the Grid command cells.
|
|
325
325
|
/// @group grid
|
|
326
|
-
$kendo-grid-command-cell-button-spacing: k-spacing(2) !default;
|
|
326
|
+
$kendo-grid-command-cell-button-spacing: var( --kendo-grid-command-cell-button-spacing, #{k-spacing(2)} ) !default;
|
|
327
327
|
|
|
328
328
|
/// The horizontal border width of the Grid group footer.
|
|
329
329
|
/// @group grid
|
|
330
|
-
$kendo-grid-group-footer-border-width-y:
|
|
330
|
+
$kendo-grid-group-footer-border-width-y: var( --kendo-grid-group-footer-border-width-y, 1px ) !default;
|
|
331
331
|
/// The vertical border width of the Grid group footer.
|
|
332
332
|
/// @group grid
|
|
333
|
-
$kendo-grid-group-footer-border-width-x: 0px !default;
|
|
333
|
+
$kendo-grid-group-footer-border-width-x: var( --kendo-grid-group-footer-border-width-x, 0px ) !default;
|
|
334
334
|
|
|
335
335
|
/// The text color of the Grid group drop clue.
|
|
336
336
|
/// @group grid
|
|
337
|
-
$kendo-grid-group-drop-hint-bg: k-color(primary) !default;
|
|
337
|
+
$kendo-grid-group-drop-hint-bg: var( --kendo-grid-group-drop-hint-bg, #{k-color(primary)} ) !default;
|
|
338
338
|
|
|
339
339
|
/// The border width of the Grid sticky cell.
|
|
340
340
|
/// @group grid
|
|
341
|
-
$kendo-grid-sticky-cell-border-width: $kendo-grid-border-width !default;
|
|
341
|
+
$kendo-grid-sticky-cell-border-width: var( --kendo-grid-sticky-cell-border-width, #{$kendo-grid-border-width} ) !default;
|
|
342
342
|
/// The background color of the Grid sticky cell.
|
|
343
343
|
/// @group grid
|
|
344
|
-
$kendo-grid-sticky-bg: k-color(surface-alt) !default;
|
|
344
|
+
$kendo-grid-sticky-bg: var( --kendo-grid-sticky-bg, #{k-color(surface-alt)} ) !default;
|
|
345
345
|
|
|
346
346
|
/// The border color of the Grid sticky cell.
|
|
347
347
|
/// @group grid
|
|
348
|
-
$kendo-grid-sticky-border: color-mix(in srgb, k-color(border) 80%, transparent) !default;
|
|
348
|
+
$kendo-grid-sticky-border: var( --kendo-grid-sticky-border, color-mix(in srgb, #{k-color(border)} 80%, transparent) ) !default;
|
|
349
349
|
/// The alt background color of the Grid sticky cell.
|
|
350
350
|
/// @group grid
|
|
351
|
-
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-bg !default;
|
|
351
|
+
$kendo-grid-sticky-alt-bg: var( --kendo-grid-sticky-alt-bg, #{$kendo-grid-sticky-bg} ) !default;
|
|
352
352
|
/// The background color of the Grid sticky cell.
|
|
353
353
|
/// @group grid
|
|
354
|
-
$kendo-grid-sticky-hover-bg: $kendo-grid-hover-bg !default;
|
|
354
|
+
$kendo-grid-sticky-hover-bg: var( --kendo-grid-sticky-hover-bg, #{$kendo-grid-hover-bg} ) !default;
|
|
355
355
|
|
|
356
356
|
/// The background color of the Grid sticky header.
|
|
357
357
|
/// @group grid
|
|
358
|
-
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
|
|
358
|
+
$kendo-grid-sticky-header-bg: var( --kendo-grid-sticky-header-bg, #{$kendo-grid-header-bg} ) !default;
|
|
359
359
|
/// The text color of the Grid sticky header.
|
|
360
360
|
/// @group grid
|
|
361
|
-
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
|
|
361
|
+
$kendo-grid-sticky-header-text: var( --kendo-grid-sticky-header-text, #{$kendo-grid-header-text} ) !default;
|
|
362
362
|
/// The border color of the Grid sticky header.
|
|
363
363
|
/// @group grid
|
|
364
|
-
$kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
364
|
+
$kendo-grid-sticky-header-border: var( --kendo-grid-sticky-header-border, #{$kendo-grid-sticky-border} ) !default;
|
|
365
365
|
|
|
366
366
|
/// The background color of the Grid sticky footer.
|
|
367
367
|
/// @group grid
|
|
368
|
-
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
368
|
+
$kendo-grid-sticky-footer-bg: var( --kendo-grid-sticky-footer-bg, #{$kendo-grid-header-bg} ) !default;
|
|
369
369
|
/// The background color of the Grid sticky footer.
|
|
370
370
|
/// @group grid
|
|
371
|
-
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-hover-bg !default;
|
|
371
|
+
$kendo-grid-sticky-footer-hover-bg: var( --kendo-grid-sticky-footer-hover-bg, #{$kendo-grid-hover-bg} ) !default;
|
|
372
372
|
|
|
373
373
|
/// The horizontal padding of the Grid filter menu container.
|
|
374
374
|
/// @group grid
|
|
375
|
-
$kendo-filter-menu-container-padding-y: k-spacing(3) !default;
|
|
375
|
+
$kendo-filter-menu-container-padding-y: var( --kendo-filter-menu-container-padding-y, #{k-spacing(3)} ) !default;
|
|
376
376
|
/// The vertical padding of the Grid filter menu container.
|
|
377
377
|
/// @group grid
|
|
378
|
-
$kendo-filter-menu-container-padding-x: k-spacing(3) !default;
|
|
378
|
+
$kendo-filter-menu-container-padding-x: var( --kendo-filter-menu-container-padding-x, #{k-spacing(3)} ) !default;
|
|
379
379
|
|
|
380
380
|
/// The default width of the Grid column menu.
|
|
381
381
|
/// @group grid
|
|
382
|
-
$kendo-grid-column-menu-width: 230px !default;
|
|
382
|
+
$kendo-grid-column-menu-width: var( --kendo-grid-column-menu-width, 230px ) !default;
|
|
383
383
|
/// The max width of the Grid column menu.
|
|
384
384
|
/// @group grid
|
|
385
|
-
$kendo-grid-column-menu-max-width: 320px !default;
|
|
385
|
+
$kendo-grid-column-menu-max-width: var( --kendo-grid-column-menu-max-width, 320px ) !default;
|
|
386
386
|
/// The spacing of the Grid column menu.
|
|
387
387
|
/// @group grid
|
|
388
|
-
$kendo-grid-column-menu-spacing: k-spacing(2) !default;
|
|
388
|
+
$kendo-grid-column-menu-spacing: var( --kendo-grid-column-menu-spacing, #{k-spacing(2)} ) !default;
|
|
389
389
|
/// The focus shadow of the Grid column menu.
|
|
390
390
|
/// @group grid
|
|
391
|
-
$kendo-grid-column-menu-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
|
|
391
|
+
$kendo-grid-column-menu-shadow: var( --kendo-grid-column-menu-shadow, var(--kendo-box-shadow-depth-4, none) ) !default;
|
|
392
392
|
/// The background color of the Grid column menu.
|
|
393
393
|
/// @group grid
|
|
394
|
-
$kendo-grid-column-menu-bg: k-color(surface-alt) !default;
|
|
394
|
+
$kendo-grid-column-menu-bg: var( --kendo-grid-column-menu-bg, #{k-color(surface-alt)} ) !default;
|
|
395
395
|
/// The text color of the Grid column menu.
|
|
396
396
|
/// @group grid
|
|
397
|
-
$kendo-grid-column-menu-text: k-color(on-app-surface) !default;
|
|
397
|
+
$kendo-grid-column-menu-text: var( --kendo-grid-column-menu-text, #{k-color(on-app-surface)} ) !default;
|
|
398
398
|
/// The border color of the Grid column menu.
|
|
399
399
|
/// @group grid
|
|
400
|
-
$kendo-grid-column-menu-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
|
|
400
|
+
$kendo-grid-column-menu-border: var( --kendo-grid-column-menu-border, color-mix(in srgb, #{k-color(border)} 16%, transparent) ) !default;
|
|
401
401
|
|
|
402
402
|
/// The font size of the Grid column menu checkbox container.
|
|
403
403
|
/// @group grid
|
|
404
|
-
$kendo-grid-column-menu-multicheck-font-size: $kendo-list-md-font-size !default;
|
|
404
|
+
$kendo-grid-column-menu-multicheck-font-size: var( --kendo-grid-column-menu-multicheck-font-size, #{$kendo-list-md-font-size} ) !default;
|
|
405
405
|
/// The line height of the Grid column menu checkbox container.
|
|
406
406
|
/// @group grid
|
|
407
|
-
$kendo-grid-column-menu-multicheck-line-height: $kendo-list-md-line-height !default;
|
|
407
|
+
$kendo-grid-column-menu-multicheck-line-height: var( --kendo-grid-column-menu-multicheck-line-height, #{$kendo-list-md-line-height} ) !default;
|
|
408
408
|
|
|
409
409
|
/// The vertical padding of the Grid column menu items wrap.
|
|
410
410
|
/// @group grid
|
|
411
|
-
$kendo-grid-column-menu-items-wrap-padding-y: k-spacing(2) !default;
|
|
411
|
+
$kendo-grid-column-menu-items-wrap-padding-y: var( --kendo-grid-column-menu-items-wrap-padding-y, #{k-spacing(2)} ) !default;
|
|
412
412
|
/// The horizontal padding of the Grid column menu items wrap.
|
|
413
413
|
/// @group grid
|
|
414
|
-
$kendo-grid-column-menu-items-wrap-padding-x: k-spacing(2) !default;
|
|
414
|
+
$kendo-grid-column-menu-items-wrap-padding-x: var( --kendo-grid-column-menu-items-wrap-padding-x, #{k-spacing(2)} ) !default;
|
|
415
415
|
|
|
416
416
|
/// The horizontal padding of the Grid column menu item.
|
|
417
417
|
/// @group grid
|
|
418
|
-
$kendo-grid-column-menu-item-padding-y: $kendo-list-md-item-padding-y !default;
|
|
418
|
+
$kendo-grid-column-menu-item-padding-y: var( --kendo-grid-column-menu-item-padding-y, #{$kendo-list-md-item-padding-y} ) !default;
|
|
419
419
|
/// The vertical padding of the Grid column menu item.
|
|
420
420
|
/// @group grid
|
|
421
|
-
$kendo-grid-column-menu-item-padding-x: $kendo-list-md-item-padding-x !default;
|
|
421
|
+
$kendo-grid-column-menu-item-padding-x: var( --kendo-grid-column-menu-item-padding-x, #{$kendo-list-md-item-padding-x} ) !default;
|
|
422
422
|
/// The spacing of the Grid column menu item.
|
|
423
423
|
/// @group grid
|
|
424
|
-
$kendo-grid-column-menu-item-gap: $kendo-list-md-item-padding-x !default;
|
|
425
|
-
/// The icon spacing of the Grid column menu item.
|
|
426
|
-
/// @group grid
|
|
427
|
-
$kendo-grid-column-menu-item-icon-spacing: var( --kendo-icon-spacing, .5rem ) !default;
|
|
424
|
+
$kendo-grid-column-menu-item-gap: var( --kendo-grid-column-menu-item-gap, #{$kendo-list-md-item-padding-x} ) !default;
|
|
428
425
|
/// The background color of the Grid column menu item.
|
|
429
426
|
/// @group grid
|
|
430
|
-
$kendo-grid-column-menu-item-bg: $kendo-list-item-bg !default;
|
|
427
|
+
$kendo-grid-column-menu-item-bg: var( --kendo-grid-column-menu-item-bg, #{$kendo-list-item-bg} ) !default;
|
|
431
428
|
/// The text color of the Grid column menu item.
|
|
432
429
|
/// @group grid
|
|
433
|
-
$kendo-grid-column-menu-item-text: $kendo-list-item-text !default;
|
|
434
|
-
|
|
435
|
-
/// @group grid
|
|
436
|
-
$kendo-grid-column-menu-item-hover-bg: $kendo-list-item-hover-bg !default;
|
|
437
|
-
/// The text color of the hovered Grid column menu item.
|
|
438
|
-
/// @group grid
|
|
439
|
-
$kendo-grid-column-menu-item-hover-text: $kendo-list-item-hover-text !default;
|
|
440
|
-
/// The background color of the selected Grid column menu item.
|
|
441
|
-
/// @group grid
|
|
442
|
-
$kendo-grid-column-menu-item-selected-bg: $kendo-list-item-selected-bg !default;
|
|
443
|
-
/// The text color of the selected Grid column menu item.
|
|
444
|
-
/// @group grid
|
|
445
|
-
$kendo-grid-column-menu-item-selected-text: $kendo-list-item-selected-text !default;
|
|
446
|
-
/// The focus shadow of the Grid column menu item.
|
|
447
|
-
/// @group grid
|
|
448
|
-
$kendo-grid-column-menu-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
430
|
+
$kendo-grid-column-menu-item-text: var( --kendo-grid-column-menu-item-text, #{$kendo-list-item-text} ) !default;
|
|
431
|
+
|
|
449
432
|
/// The text color of the Grid column menu item icon.
|
|
450
433
|
/// @group grid
|
|
451
|
-
$kendo-grid-column-menu-item-icon-text: $kendo-list-item-icon-text !default;
|
|
434
|
+
$kendo-grid-column-menu-item-icon-text: var( --kendo-grid-column-menu-item-icon-text, #{$kendo-list-item-icon-text} ) !default;
|
|
452
435
|
|
|
453
436
|
/// The vertical padding of the Grid column menu group header.
|
|
454
437
|
/// @group grid
|
|
455
|
-
$kendo-grid-column-menu-group-header-padding-y: $kendo-grid-column-menu-item-padding-y !default;
|
|
438
|
+
$kendo-grid-column-menu-group-header-padding-y: var( --kendo-grid-column-menu-group-header-padding-y, #{$kendo-grid-column-menu-item-padding-y} ) !default;
|
|
456
439
|
/// The horizontal padding of the Grid column menu group header.
|
|
457
440
|
/// @group grid
|
|
458
|
-
$kendo-grid-column-menu-group-header-padding-x: $kendo-grid-column-menu-item-padding-x !default;
|
|
441
|
+
$kendo-grid-column-menu-group-header-padding-x: var( --kendo-grid-column-menu-group-header-padding-x, #{$kendo-grid-column-menu-item-padding-x} ) !default;
|
|
459
442
|
/// The border width of the Grid column menu group header.
|
|
460
443
|
/// @group grid
|
|
461
|
-
$kendo-grid-column-menu-group-header-border-width: 1px !default;
|
|
444
|
+
$kendo-grid-column-menu-group-header-border-width: var( --kendo-grid-column-menu-group-header-border-width, 1px ) !default;
|
|
462
445
|
/// The border style of the Grid column menu group header.
|
|
463
446
|
/// @group grid
|
|
464
|
-
$kendo-grid-column-menu-group-header-border-style: solid !default;
|
|
447
|
+
$kendo-grid-column-menu-group-header-border-style: var( --kendo-grid-column-menu-group-header-border-style, solid ) !default;
|
|
465
448
|
/// The font size of the Grid column menu group header.
|
|
466
449
|
/// @group grid
|
|
467
|
-
$kendo-grid-column-menu-group-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
450
|
+
$kendo-grid-column-menu-group-header-font-size: var( --kendo-grid-column-menu-group-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
|
|
468
451
|
/// The font weight of the Grid column menu group header.
|
|
469
452
|
/// @group grid
|
|
470
|
-
$kendo-grid-column-menu-group-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
453
|
+
$kendo-grid-column-menu-group-header-font-weight: var( --kendo-grid-column-menu-group-header-font-weight, var(--kendo-font-weight-bold, normal) ) !default;
|
|
471
454
|
/// The mine height of the Grid column menu group header.
|
|
472
455
|
/// @group grid
|
|
473
|
-
$kendo-grid-column-menu-group-header-line-height: var( --kendo-line-height, normal ) !default;
|
|
456
|
+
$kendo-grid-column-menu-group-header-line-height: var( --kendo-grid-column-menu-group-header-line-height, var(--kendo-line-height, normal) ) !default;
|
|
474
457
|
/// The text transform of the Grid column menu group header.
|
|
475
458
|
/// @group grid
|
|
476
|
-
$kendo-grid-column-menu-group-header-text-transform: uppercase !default;
|
|
459
|
+
$kendo-grid-column-menu-group-header-text-transform: var( --kendo-grid-column-menu-group-header-text-transform, uppercase ) !default;
|
|
477
460
|
|
|
478
461
|
/// The background color of the Grid column menu group.
|
|
479
462
|
/// @group grid
|
|
480
|
-
$kendo-grid-column-menu-group-header-bg: k-color(surface-alt) !default;
|
|
463
|
+
$kendo-grid-column-menu-group-header-bg: var( --kendo-grid-column-menu-group-header-bg, #{k-color(surface-alt)} ) !default;
|
|
481
464
|
/// The text color of the Grid column menu group.
|
|
482
465
|
/// @group grid
|
|
483
|
-
$kendo-grid-column-menu-group-header-text: k-color(on-app-surface) !default;
|
|
466
|
+
$kendo-grid-column-menu-group-header-text: var( --kendo-grid-column-menu-group-header-text, #{k-color(on-app-surface)} ) !default;
|
|
484
467
|
/// The border color of the Grid column menu group.
|
|
485
468
|
/// @group grid
|
|
486
|
-
$kendo-grid-column-menu-group-header-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
|
|
469
|
+
$kendo-grid-column-menu-group-header-border: var( --kendo-grid-column-menu-group-header-border, color-mix(in srgb, #{k-color(border)} 16%, transparent) ) !default;
|
|
487
470
|
|
|
488
471
|
/// The horizontal padding of the tabstrip content in the Grid tabbed column menu.
|
|
489
472
|
/// @group grid
|
|
490
|
-
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0) !default;
|
|
473
|
+
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: var( --kendo-grid-column-menu-tabbed-tabstrip-content-padding-x, #{k-spacing(0)} ) !default;
|
|
491
474
|
/// The vertical padding of the tabstrip content in the Grid tabbed column menu.
|
|
492
475
|
/// @group grid
|
|
493
|
-
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-spacing(3) !default;
|
|
476
|
+
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: var( --kendo-grid-column-menu-tabbed-tabstrip-content-padding-y, #{k-spacing(3)} ) !default;
|
|
494
477
|
|
|
495
478
|
/// The background color of the Grid tabbed column menu.
|
|
496
479
|
/// @group grid
|
|
497
|
-
$kendo-grid-column-menu-tabbed-bg: var( --kendo-base-bg, inherit ) !default;
|
|
480
|
+
$kendo-grid-column-menu-tabbed-bg: var( --kendo-grid-column-menu-tabbed-bg, var(--kendo-base-bg, inherit) ) !default;
|
|
498
481
|
|
|
499
482
|
/// The default width of the Grid drag cell.
|
|
500
483
|
/// @group grid
|
|
501
|
-
$kendo-grid-drag-cell-width: calc( var( --kendo-icon-size, 1rem ) * 2.25 ) !default;
|
|
484
|
+
$kendo-grid-drag-cell-width: var( --kendo-grid-drag-cell-width, calc( var( --kendo-icon-size, 1rem ) * 2.25 ) ) !default;
|
|
502
485
|
/// The default width of the Grid hierarchy cell.
|
|
503
486
|
/// @group grid
|
|
504
|
-
$kendo-grid-hierarchy-col-width: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
|
|
487
|
+
$kendo-grid-hierarchy-col-width: var( --kendo-grid-hierarchy-col-width, calc( var( --kendo-icon-size, 1rem ) * 2 ) ) !default;
|
|
505
488
|
|
|
506
489
|
/// The background color of the Grid row resize indicator.
|
|
507
490
|
/// @group grid
|
|
508
|
-
$kendo-grid-row-resizer-hover-bg: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) !default;
|
|
491
|
+
$kendo-grid-row-resizer-hover-bg: var( --kendo-grid-row-resizer-hover-bg, color-mix(in srgb, #{k-color(on-app-surface)} 46%, transparent) ) !default;
|
|
509
492
|
/// The background color of the active Grid row resize indicator.
|
|
510
493
|
/// @group grid
|
|
511
|
-
$kendo-grid-row-resizer-active-bg: k-color(primary) !default;
|
|
494
|
+
$kendo-grid-row-resizer-active-bg: var( --kendo-grid-row-resizer-active-bg, #{k-color(primary)} ) !default;
|
|
512
495
|
/// The height of the Grid row resize indicator.
|
|
513
496
|
/// @group grid
|
|
514
|
-
$kendo-grid-row-resizer-height: k-spacing(0.5) !default;
|
|
497
|
+
$kendo-grid-row-resizer-height: var( --kendo-grid-row-resizer-height, #{k-spacing(0.5)} ) !default;
|
|
515
498
|
|
|
516
499
|
/// The horizontal padding of the Grid stack layout cells.
|
|
517
500
|
/// @group grid
|
|
518
|
-
$kendo-grid-stack-cell-padding-x: k-spacing(2) !default;
|
|
501
|
+
$kendo-grid-stack-cell-padding-x: var( --kendo-grid-stack-cell-padding-x, #{k-spacing(2)} ) !default;
|
|
519
502
|
/// The vertical padding of the Grid stack layout cells.
|
|
520
503
|
/// @group grid
|
|
521
|
-
$kendo-grid-stack-cell-padding-y: k-spacing(1.5) !default;
|
|
504
|
+
$kendo-grid-stack-cell-padding-y: var( --kendo-grid-stack-cell-padding-y, #{k-spacing(1.5)} ) !default;
|
|
522
505
|
/// The column gap of the Grid stack layout.
|
|
523
506
|
/// @group grid
|
|
524
|
-
$kendo-grid-stack-column-gap: k-spacing(1) !default;
|
|
507
|
+
$kendo-grid-stack-column-gap: var( --kendo-grid-stack-column-gap, #{k-spacing(1)} ) !default;
|
|
525
508
|
/// The column gap of the editable Grid stack layout.
|
|
526
509
|
/// @group grid
|
|
527
|
-
$kendo-grid-stack-editable-column-gap: k-spacing(2) !default;
|
|
510
|
+
$kendo-grid-stack-editable-column-gap: var( --kendo-grid-stack-editable-column-gap, #{k-spacing(2)} ) !default;
|
|
528
511
|
/// The width of the hierarchy column in the Grid stack layout.
|
|
529
512
|
/// @group grid
|
|
530
|
-
$kendo-grid-stack-hierarchy-col-width: k-spacing(2) !default;
|
|
513
|
+
$kendo-grid-stack-hierarchy-col-width: var( --kendo-grid-stack-hierarchy-col-width, #{k-spacing(2)} ) !default;
|
|
531
514
|
/// The font size of the Grid stack layout column header.
|
|
532
515
|
/// @group grid
|
|
533
|
-
$kendo-grid-stack-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
516
|
+
$kendo-grid-stack-header-font-size: var( --kendo-grid-stack-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
|
|
534
517
|
/// The font weight of the Grid stack layout column header.
|
|
535
518
|
/// @group grid
|
|
536
|
-
$kendo-grid-stack-header-font-weight: var( --kendo-font-weight-bold, inherit ) !default;
|
|
519
|
+
$kendo-grid-stack-header-font-weight: var( --kendo-grid-stack-header-font-weight, var(--kendo-font-weight-bold, inherit) ) !default;
|
|
537
520
|
/// The height of the Grid stack layout expandable row shadow.
|
|
538
521
|
/// @group grid
|
|
539
|
-
$kendo-grid-stack-expandable-shadow-height: k-spacing(2.5) !default;
|
|
522
|
+
$kendo-grid-stack-expandable-shadow-height: var( --kendo-grid-stack-expandable-shadow-height, #{k-spacing(2.5)} ) !default;
|
|
540
523
|
/// The color of the Grid stack layout column header.
|
|
541
524
|
/// @group grid
|
|
542
|
-
$kendo-grid-stack-header-color: k-color(subtle) !default;
|
|
525
|
+
$kendo-grid-stack-header-color: var( --kendo-grid-stack-header-color, #{k-color(subtle)} ) !default;
|
|
543
526
|
/// The outline color of the Grid stack layout focused cell.
|
|
544
527
|
/// @group grid
|
|
545
|
-
$kendo-grid-stack-focus-outline: k-color(base-emphasis) !default;
|
|
528
|
+
$kendo-grid-stack-focus-outline: var( --kendo-grid-stack-focus-outline, #{k-color(base-emphasis)} ) !default;
|
|
546
529
|
/// The Grid stack layout expandable row shadow.
|
|
547
530
|
/// @group grid
|
|
548
|
-
$kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
531
|
+
$kendo-grid-stack-expandable-shadow: var( --kendo-grid-stack-expandable-shadow, #{k-elevation(2)} ) !default;
|
|
532
|
+
|
|
533
|
+
@forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
|
|
534
|
+
$kendo-grid-border-width: $kendo-grid-border-width,
|
|
535
|
+
$kendo-grid-font-family: $kendo-grid-font-family,
|
|
536
|
+
$kendo-grid-font-size: $kendo-grid-font-size,
|
|
537
|
+
$kendo-grid-line-height: $kendo-grid-line-height,
|
|
538
|
+
$kendo-grid-padding-x: $kendo-grid-padding-x,
|
|
539
|
+
$kendo-grid-padding-y: $kendo-grid-padding-y,
|
|
540
|
+
$kendo-grid-header-padding-x: $kendo-grid-header-padding-x,
|
|
541
|
+
$kendo-grid-header-padding-y: $kendo-grid-header-padding-y,
|
|
542
|
+
$kendo-grid-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x,
|
|
543
|
+
$kendo-grid-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y,
|
|
544
|
+
$kendo-grid-cell-padding-x: $kendo-grid-cell-padding-x,
|
|
545
|
+
$kendo-grid-cell-padding-y: $kendo-grid-cell-padding-y,
|
|
546
|
+
$kendo-grid-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x,
|
|
547
|
+
$kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y,
|
|
548
|
+
$kendo-grid-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x,
|
|
549
|
+
$kendo-grid-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y,
|
|
550
|
+
$kendo-grid-group-drop-hint-size: $kendo-grid-group-drop-hint-size,
|
|
551
|
+
$kendo-grid-group-drop-hint-line-size: $kendo-grid-group-drop-hint-line-size,
|
|
552
|
+
$kendo-grid-group-drop-hint-height: $kendo-grid-group-drop-hint-height,
|
|
553
|
+
$kendo-grid-group-drop-hint-top: $kendo-grid-group-drop-hint-top,
|
|
554
|
+
$kendo-grid-sm-padding-x: $kendo-grid-sm-padding-x,
|
|
555
|
+
$kendo-grid-sm-padding-y: $kendo-grid-sm-padding-y,
|
|
556
|
+
$kendo-grid-sm-header-padding-x: $kendo-grid-sm-header-padding-x,
|
|
557
|
+
$kendo-grid-sm-header-padding-y: $kendo-grid-sm-header-padding-y,
|
|
558
|
+
$kendo-grid-sm-grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,
|
|
559
|
+
$kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,
|
|
560
|
+
$kendo-grid-sm-cell-padding-x: $kendo-grid-sm-cell-padding-x,
|
|
561
|
+
$kendo-grid-sm-cell-padding-y: $kendo-grid-sm-cell-padding-y,
|
|
562
|
+
$kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,
|
|
563
|
+
$kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,
|
|
564
|
+
$kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,
|
|
565
|
+
$kendo-grid-sm-edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
|
|
566
|
+
$kendo-grid-sm-group-dropclue-height: $kendo-grid-sm-group-dropclue-height,
|
|
567
|
+
$kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,
|
|
568
|
+
$kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y,
|
|
569
|
+
$kendo-grid-md-padding-x: $kendo-grid-md-padding-x,
|
|
570
|
+
$kendo-grid-md-padding-y: $kendo-grid-md-padding-y,
|
|
571
|
+
$kendo-grid-md-header-padding-x: $kendo-grid-md-header-padding-x,
|
|
572
|
+
$kendo-grid-md-header-padding-y: $kendo-grid-md-header-padding-y,
|
|
573
|
+
$kendo-grid-md-grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,
|
|
574
|
+
$kendo-grid-md-grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,
|
|
575
|
+
$kendo-grid-md-cell-padding-x: $kendo-grid-md-cell-padding-x,
|
|
576
|
+
$kendo-grid-md-cell-padding-y: $kendo-grid-md-cell-padding-y,
|
|
577
|
+
$kendo-grid-md-filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,
|
|
578
|
+
$kendo-grid-md-filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,
|
|
579
|
+
$kendo-grid-md-edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,
|
|
580
|
+
$kendo-grid-md-edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
|
|
581
|
+
$kendo-grid-md-group-dropclue-height: $kendo-grid-md-group-dropclue-height,
|
|
582
|
+
$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
|
|
583
|
+
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y,
|
|
584
|
+
$kendo-grid-sizes: $kendo-grid-sizes,
|
|
585
|
+
$kendo-grid-header-font-size: $kendo-grid-header-font-size,
|
|
586
|
+
$kendo-grid-header-first-border: $kendo-grid-header-first-border-width,
|
|
587
|
+
$kendo-grid-header-menu-icon-spacing: $kendo-grid-header-menu-spacing,
|
|
588
|
+
$kendo-grid-toolbar-border-width: $kendo-grid-toolbar-border-width,
|
|
589
|
+
$kendo-grid-bg: $kendo-grid-bg,
|
|
590
|
+
$kendo-grid-text: $kendo-grid-text,
|
|
591
|
+
$kendo-grid-border: $kendo-grid-border,
|
|
592
|
+
$kendo-grid-header-bg: $kendo-grid-header-bg,
|
|
593
|
+
$kendo-grid-header-text: $kendo-grid-header-text,
|
|
594
|
+
$kendo-grid-header-border: $kendo-grid-header-border,
|
|
595
|
+
$kendo-grid-footer-bg: $kendo-grid-footer-bg,
|
|
596
|
+
$kendo-grid-footer-text: $kendo-grid-footer-text,
|
|
597
|
+
$kendo-grid-footer-border: $kendo-grid-footer-border,
|
|
598
|
+
$kendo-grid-alt-bg: $kendo-grid-alt-bg,
|
|
599
|
+
$kendo-grid-hover-bg: $kendo-grid-hover-bg,
|
|
600
|
+
$kendo-grid-hover-text: $kendo-grid-hover-text,
|
|
601
|
+
$kendo-grid-selected-bg: $kendo-grid-selected-bg,
|
|
602
|
+
$kendo-grid-selected-text: $kendo-grid-selected-text,
|
|
603
|
+
$kendo-grid-highlighted-bg: $kendo-grid-highlighted-bg,
|
|
604
|
+
$kendo-grid-highlighted-font-weight: $kendo-grid-highlighted-font-weight,
|
|
605
|
+
$kendo-grid-selected-highlighted-bg: $kendo-grid-selected-highlighted-bg,
|
|
606
|
+
$kendo-grid-selection-aggregates-bg: $kendo-grid-selection-aggregates-bg,
|
|
607
|
+
$kendo-grid-selection-aggregates-text: $kendo-grid-selection-aggregates-text,
|
|
608
|
+
$kendo-grid-selection-aggregates-border: $kendo-grid-selection-aggregates-border,
|
|
609
|
+
$kendo-grid-selection-aggregates-border-width: $kendo-grid-selection-aggregates-border-width,
|
|
610
|
+
$kendo-grid-selection-aggregates-spacing: $kendo-grid-selection-aggregates-spacing,
|
|
611
|
+
$kendo-grid-selection-aggregates-line-height: $kendo-grid-selection-aggregates-line-height,
|
|
612
|
+
$kendo-grid-selection-aggregates-font-weight: $kendo-grid-selection-aggregates-font-weight,
|
|
613
|
+
$kendo-grid-grouping-row-bg: $kendo-grid-grouping-row-bg,
|
|
614
|
+
$kendo-grid-grouping-row-text: $kendo-grid-grouping-row-text,
|
|
615
|
+
$kendo-grid-sorted-icon-spacing: $kendo-grid-sort-icon-spacing,
|
|
616
|
+
$kendo-grid-sorted-bg: $kendo-grid-sorted-bg,
|
|
617
|
+
$kendo-grid-sorting-indicator-text: $kendo-grid-sort-indicator-text,
|
|
618
|
+
$kendo-grid-sorting-index-font-size: $kendo-grid-sort-index-font-size,
|
|
619
|
+
$kendo-grid-sorting-index-spacing-x: $kendo-grid-sort-index-spacing-x,
|
|
620
|
+
$kendo-grid-focus-shadow: $kendo-grid-focus-shadow,
|
|
621
|
+
$kendo-grid-command-cell-button-spacing: $kendo-grid-command-cell-button-spacing,
|
|
622
|
+
$kendo-grid-sticky-bg: $kendo-grid-sticky-bg,
|
|
623
|
+
$kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
|
|
624
|
+
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-alt-bg,
|
|
625
|
+
$kendo-grid-sticky-border: $kendo-grid-sticky-border,
|
|
626
|
+
$kendo-grid-sticky-header-bg: $kendo-grid-sticky-header-bg,
|
|
627
|
+
$kendo-grid-sticky-header-text: $kendo-grid-sticky-header-text,
|
|
628
|
+
$kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
|
|
629
|
+
$kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
|
|
630
|
+
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-hover-bg,
|
|
631
|
+
$kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
|
|
632
|
+
$kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
|
|
633
|
+
$kendo-grid-column-menu-item-padding-x: $kendo-grid-column-menu-item-padding-x,
|
|
634
|
+
$kendo-grid-column-menu-item-padding-y: $kendo-grid-column-menu-item-padding-y,
|
|
635
|
+
$kendo-grid-column-menu-list-item-padding-x: $kendo-grid-column-menu-item-padding-x,
|
|
636
|
+
$kendo-grid-column-menu-list-item-padding-y: $kendo-grid-column-menu-item-padding-y,
|
|
637
|
+
$kendo-grid-column-menu-items-wrap-padding-x: $kendo-grid-column-menu-items-wrap-padding-x,
|
|
638
|
+
$kendo-grid-column-menu-items-wrap-padding-y: $kendo-grid-column-menu-items-wrap-padding-y,
|
|
639
|
+
$kendo-grid-column-menu-group-header-padding-x: $kendo-grid-column-menu-group-header-padding-x,
|
|
640
|
+
$kendo-grid-column-menu-group-header-padding-y: $kendo-grid-column-menu-group-header-padding-y,
|
|
641
|
+
$kendo-grid-column-menu-group-header-font-size: $kendo-grid-column-menu-group-header-font-size,
|
|
642
|
+
$kendo-grid-column-menu-group-header-line-height: $kendo-grid-column-menu-group-header-line-height,
|
|
643
|
+
$kendo-grid-column-menu-group-header-text-transform: $kendo-grid-column-menu-group-header-text-transform,
|
|
644
|
+
$kendo-grid-column-menu-group-header-border-bottom-width: $kendo-grid-column-menu-group-header-border-width,
|
|
645
|
+
$kendo-grid-column-menu-group-header-bg: $kendo-grid-column-menu-group-header-bg,
|
|
646
|
+
$kendo-grid-column-menu-group-header-text: $kendo-grid-column-menu-group-header-text,
|
|
647
|
+
$kendo-grid-column-menu-group-header-border: $kendo-grid-column-menu-group-header-border,
|
|
648
|
+
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-x,
|
|
649
|
+
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y,
|
|
650
|
+
$kendo-grid-column-menu-tabbed-bg: $kendo-grid-column-menu-tabbed-bg,
|
|
651
|
+
$kendo-grid-drag-cell-width: $kendo-grid-drag-cell-width,
|
|
652
|
+
$kendo-grid-hierarchy-col-width: $kendo-grid-hierarchy-col-width,
|
|
653
|
+
$kendo-grid-grouping-row-border-top: $kendo-grid-grouping-row-border-width-y,
|
|
654
|
+
$kendo-grid-group-footer-border-y: $kendo-grid-group-footer-border-width-y,
|
|
655
|
+
$kendo-grid-row-resizer-hover-bg: $kendo-grid-row-resizer-hover-bg,
|
|
656
|
+
$kendo-grid-row-resizer-active-bg: $kendo-grid-row-resizer-active-bg,
|
|
657
|
+
$kendo-grid-row-resizer-height: $kendo-grid-row-resizer-height,
|
|
658
|
+
$kendo-grid-stack-cell-padding-x: $kendo-grid-stack-cell-padding-x,
|
|
659
|
+
$kendo-grid-stack-cell-padding-y: $kendo-grid-stack-cell-padding-y,
|
|
660
|
+
$kendo-grid-stack-column-gap: $kendo-grid-stack-column-gap,
|
|
661
|
+
$kendo-grid-stack-editable-column-gap: $kendo-grid-stack-editable-column-gap,
|
|
662
|
+
$kendo-grid-stack-hierarchy-col-width: $kendo-grid-stack-hierarchy-col-width,
|
|
663
|
+
$kendo-grid-stack-header-font-size: $kendo-grid-stack-header-font-size,
|
|
664
|
+
$kendo-grid-stack-header-font-weight: $kendo-grid-stack-header-font-weight,
|
|
665
|
+
$kendo-grid-stack-expandable-shadow-height: $kendo-grid-stack-expandable-shadow-height,
|
|
666
|
+
$kendo-grid-stack-header-color: $kendo-grid-stack-header-color,
|
|
667
|
+
$kendo-grid-stack-focus-outline: $kendo-grid-stack-focus-outline,
|
|
668
|
+
$kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow,
|
|
669
|
+
$kendo-grid-cell-vertical-border-width: $kendo-grid-cell-border-width-x,
|
|
670
|
+
$kendo-grid-cell-horizontal-border-width: $kendo-grid-cell-border-width-y
|
|
671
|
+
);
|