@progress/kendo-theme-fluent 8.0.0-dev.0 → 8.0.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/dist/all.css +4808 -5183
  2. package/dist/meta/sassdoc-data.json +6206 -5756
  3. package/dist/meta/sassdoc-raw-data.json +3090 -2865
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/action-buttons/_variables.scss +3 -3
  8. package/scss/action-sheet/_layout.scss +1 -1
  9. package/scss/action-sheet/_variables.scss +13 -13
  10. package/scss/adaptive/_layout.scss +8 -8
  11. package/scss/appbar/_variables.scss +6 -6
  12. package/scss/avatar/_variables.scss +3 -3
  13. package/scss/badge/_variables.scss +6 -6
  14. package/scss/bottom-navigation/_variables.scss +8 -8
  15. package/scss/breadcrumb/_variables.scss +16 -16
  16. package/scss/button/_layout.scss +1 -1
  17. package/scss/button/_variables.scss +9 -9
  18. package/scss/calendar/_variables.scss +36 -50
  19. package/scss/captcha/_variables.scss +3 -3
  20. package/scss/card/_variables.scss +13 -13
  21. package/scss/chat/_layout.scss +2 -2
  22. package/scss/chat/_variables.scss +13 -13
  23. package/scss/checkbox/_layout.scss +1 -1
  24. package/scss/checkbox/_variables.scss +15 -15
  25. package/scss/chip/_variables.scss +11 -11
  26. package/scss/color-preview/_variables.scss +1 -1
  27. package/scss/coloreditor/_variables.scss +6 -6
  28. package/scss/colorgradient/_variables.scss +9 -9
  29. package/scss/colorpalette/_variables.scss +1 -1
  30. package/scss/core/_index.scss +18 -1
  31. package/scss/core/_variables.scss +3 -59
  32. package/scss/core/border-radii/_index.scss +24 -0
  33. package/scss/core/color-system/_swatch-legacy.scss +0 -4
  34. package/scss/core/spacing/_index.scss +28 -0
  35. package/scss/core/typography/_index.scss +70 -0
  36. package/scss/dataviz/_layout.scss +6 -5
  37. package/scss/dataviz/_variables.scss +1 -1
  38. package/scss/daterangepicker/_layout.scss +1 -1
  39. package/scss/datetimepicker/_variables.scss +1 -1
  40. package/scss/dialog/_variables.scss +8 -8
  41. package/scss/dock-manager/_layout.scss +1 -0
  42. package/scss/dock-manager/_variables.scss +5 -5
  43. package/scss/draggable/_variables.scss +2 -1
  44. package/scss/drawer/_variables.scss +7 -5
  45. package/scss/dropdowntree/_variables.scss +1 -1
  46. package/scss/dropzone/_variables.scss +5 -5
  47. package/scss/editor/_layout.scss +6 -5
  48. package/scss/editor/_variables.scss +3 -3
  49. package/scss/expansion-panel/_variables.scss +6 -6
  50. package/scss/fab/_variables.scss +16 -16
  51. package/scss/filemanager/_variables.scss +6 -6
  52. package/scss/filter/_variables.scss +2 -1
  53. package/scss/forms/_layout.scss +6 -5
  54. package/scss/forms/_variables.scss +15 -14
  55. package/scss/gantt/_layout.scss +10 -9
  56. package/scss/gantt/_variables.scss +77 -76
  57. package/scss/grid/_layout.scss +2 -1
  58. package/scss/grid/_variables.scss +172 -172
  59. package/scss/icon/_variables.scss +2 -2
  60. package/scss/imageeditor/_variables.scss +11 -11
  61. package/scss/index.scss +8 -1
  62. package/scss/input/_variables.scss +9 -9
  63. package/scss/list/_layout.scss +1 -0
  64. package/scss/list/_variables.scss +24 -24
  65. package/scss/listbox/_variables.scss +2 -2
  66. package/scss/listgroup/_layout.scss +6 -6
  67. package/scss/listgroup/_variables.scss +3 -3
  68. package/scss/listview/_variables.scss +8 -8
  69. package/scss/loader/_variables.scss +29 -29
  70. package/scss/map/_variables.scss +6 -5
  71. package/scss/mediaplayer/_variables.scss +2 -2
  72. package/scss/menu/_variables.scss +16 -16
  73. package/scss/messagebox/_variables.scss +3 -3
  74. package/scss/notification/_variables.scss +6 -6
  75. package/scss/orgchart/_variables.scss +10 -10
  76. package/scss/pager/_variables.scss +8 -8
  77. package/scss/panelbar/_layout.scss +1 -0
  78. package/scss/panelbar/_variables.scss +9 -7
  79. package/scss/pdf-viewer/_variables.scss +4 -4
  80. package/scss/pivotgrid/_layout.scss +3 -3
  81. package/scss/pivotgrid/_variables.scss +17 -17
  82. package/scss/popover/_variables.scss +2 -2
  83. package/scss/popup/_variables.scss +5 -5
  84. package/scss/progressbar/_variables.scss +4 -4
  85. package/scss/prompt/_variables.scss +7 -7
  86. package/scss/radio/_variables.scss +13 -13
  87. package/scss/rating/_variables.scss +3 -3
  88. package/scss/scheduler/_layout.scss +2 -2
  89. package/scss/scheduler/_variables.scss +11 -11
  90. package/scss/scrollview/_variables.scss +2 -2
  91. package/scss/signature/_variables.scss +5 -5
  92. package/scss/skeleton/_variables.scss +2 -2
  93. package/scss/slider/_variables.scss +4 -4
  94. package/scss/splitter/_variables.scss +6 -6
  95. package/scss/spreadsheet/_layout.scss +8 -7
  96. package/scss/spreadsheet/_variables.scss +19 -18
  97. package/scss/stepper/_variables.scss +8 -8
  98. package/scss/table/_variables.scss +10 -10
  99. package/scss/tabstrip/_variables.scss +11 -10
  100. package/scss/taskboard/_variables.scss +23 -23
  101. package/scss/tilelayout/_variables.scss +1 -1
  102. package/scss/timeline/_variables.scss +24 -24
  103. package/scss/timeselector/_layout.scss +1 -1
  104. package/scss/timeselector/_variables.scss +6 -6
  105. package/scss/toolbar/_layout.scss +1 -1
  106. package/scss/toolbar/_variables.scss +9 -9
  107. package/scss/tooltip/_layout.scss +10 -10
  108. package/scss/tooltip/_variables.scss +5 -5
  109. package/scss/treelist/_layout.scss +2 -2
  110. package/scss/treelist/_variables.scss +2 -2
  111. package/scss/treeview/_variables.scss +11 -11
  112. package/scss/typography/_layout.scss +9 -0
  113. package/scss/typography/_theme.scss +7 -0
  114. package/scss/typography/_variables.scss +125 -67
  115. package/scss/upload/_layout.scss +1 -0
  116. package/scss/upload/_variables.scss +5 -5
  117. package/scss/window/_layout.scss +1 -1
  118. package/scss/window/_variables.scss +10 -10
  119. package/scss/wizard/_variables.scss +8 -8
@@ -1,241 +1,242 @@
1
1
  @use "sass:map";
2
2
  @use "sass:math";
3
3
  @use "../core/" as *;
4
+ @use "../core/spacing" as *;
4
5
 
5
- /// Border width of the gantt.
6
+ /// The border width of the Gantt.
6
7
  /// @group gantt
7
8
  $kendo-gantt-border-width: 1px !default;
8
- /// Font family of the gantt.
9
+ /// The font family of the Gantt.
9
10
  /// @group gantt
10
11
  $kendo-gantt-font-family: var( --kendo-font-family, initial ) !default;
11
- /// Font size of the gantt.
12
+ /// The font size of the Gantt.
12
13
  /// @group gantt
13
14
  $kendo-gantt-font-size: var( --kendo-font-size, initial ) !default;
14
- /// Line height of the gantt.
15
+ /// The line height of the Gantt.
15
16
  /// @group gantt
16
17
  $kendo-gantt-line-height: var( --kendo-line-height, initial ) !default;
17
- /// Background color of the gantt.
18
+ /// The background color of the Gantt.
18
19
  /// @group gantt
19
20
  $kendo-gantt-bg: var( --kendo-component-bg, inherit ) !default;
20
- /// Text color of the gantt.
21
+ /// The text color of the Gantt.
21
22
  /// @group gantt
22
23
  $kendo-gantt-text: var( --kendo-component-text, inherit ) !default;
23
- /// Border color of the gantt.
24
+ /// The border color of the Gantt.
24
25
  /// @group gantt
25
26
  $kendo-gantt-border: var( --kendo-component-border, inherit ) !default;
26
27
 
27
- /// Background color of the gantt non-working days.
28
+ /// The background color of the Gantt non-working days.
28
29
  /// @group gantt
29
30
  $kendo-gantt-nonwork-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-color-black, .04 )) !default;
30
- /// Text color of the gantt non-working days.
31
+ /// The text color of the Gantt non-working days.
31
32
  /// @group gantt
32
33
  $kendo-gantt-nonwork-text: inherit !default;
33
- /// Border color of the gantt non-working days.
34
+ /// The border color of the Gantt non-working days.
34
35
  /// @group gantt
35
36
  $kendo-gantt-nonwork-border: inherit !default;
36
37
 
37
- /// Size of the gantt connecting lines.
38
+ /// The size of the Gantt connecting lines.
38
39
  /// @group gantt
39
40
  $kendo-gantt-line-size: 2px !default;
40
- /// Background fill color of the gantt connecting lines.
41
+ /// The background fill color of the Gantt connecting lines.
41
42
  /// @group gantt
42
43
  $kendo-gantt-line-fill: black !default;
43
- /// Selected background fill of the gantt connecting lines.
44
+ /// The background fill of the selected Gantt connecting lines.
44
45
  /// @group gantt
45
46
  $kendo-gantt-line-selected-fill: if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 )) !default;
46
47
 
47
- /// Size of the gantt task dot.
48
+ /// The size of the Gantt task dot.
48
49
  /// @group gantt
49
50
  $kendo-gantt-dot-size: 8px !default;
50
- /// Spacing of the gantt task dot.
51
+ /// The spacing of the Gantt task dot.
51
52
  /// @group gantt
52
- $kendo-gantt-dot-spacing: map.get( $kendo-spacing, 0.5 ) !default;
53
- /// Background color of the gantt task dot.
53
+ $kendo-gantt-dot-spacing: k-spacing(0.5) !default;
54
+ /// The background color of the Gantt task dot.
54
55
  /// @group gantt
55
56
  $kendo-gantt-dot-bg: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
56
- /// Border color of the gantt task dot.
57
+ /// The border color of the Gantt task dot.
57
58
  /// @group gantt
58
59
  $kendo-gantt-dot-border: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
59
- /// Hover background color of the gantt task dot.
60
+ /// The background color of the hovered Gantt task dot.
60
61
  /// @group gantt
61
62
  $kendo-gantt-dot-hover-bg: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
62
- /// Hover border color of the gantt task dot.
63
+ /// The border color of the hovered Gantt task dot.
63
64
  /// @group gantt
64
65
  $kendo-gantt-dot-hover-border: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
65
66
 
66
- /// Background color of the gantt milestone.
67
+ /// The background color of the Gantt milestone.
67
68
  /// @group gantt
68
69
  $kendo-gantt-milestone-bg: $kendo-gantt-text !default;
69
- /// Border color of the gantt milestone.
70
+ /// The border color of the Gantt milestone.
70
71
  /// @group gantt
71
72
  $kendo-gantt-milestone-border: $kendo-gantt-text !default;
72
- /// Selected background color of the gantt milestone.
73
+ /// The background color of the selected Gantt milestone.
73
74
  /// @group gantt
74
75
  $kendo-gantt-milestone-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
75
- /// Selected border color of the gantt milestone.
76
+ /// The border color of the selected Gantt milestone.
76
77
  /// @group gantt
77
78
  $kendo-gantt-milestone-selected-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
78
79
 
79
- /// Background color of the gantt summary.
80
+ /// The background color of the Gantt summary.
80
81
  /// @group gantt
81
82
  $kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-110 )) !default;
82
- /// Background color of the gantt summary progress.
83
+ /// The background color of the Gantt summary progress.
83
84
  /// @group gantt
84
85
  $kendo-gantt-summary-progress-bg: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
85
- /// Selected background color of the gantt summary.
86
+ /// The background color of the selected Gantt summary.
86
87
  /// @group gantt
87
88
  $kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-get-theme-color-var( primary-50 )) !default;
88
- /// Selected background color of the gantt summary progress.
89
+ /// The background color of the selected Gantt summary progress.
89
90
  /// @group gantt
90
91
  $kendo-gantt-summary-progress-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
91
92
 
92
- /// Border width of the gantt task.
93
+ /// The border width of the Gantt task.
93
94
  /// @group gantt
94
95
  $kendo-gantt-task-border-width: 0px !default;
95
- /// Horizontal padding of the gantt task.
96
+ /// The horizontal padding of the Gantt task.
96
97
  /// @group gantt
97
- $kendo-gantt-task-padding-x: map.get( $kendo-spacing, 2 ) !default;
98
- /// Vertical padding of the gantt task.
98
+ $kendo-gantt-task-padding-x: k-spacing(2) !default;
99
+ /// The vertical padding of the Gantt task.
99
100
  /// @group gantt
100
- $kendo-gantt-task-padding-y: map.get( $kendo-spacing, 1 ) !default;
101
- /// Background color of the gantt task.
101
+ $kendo-gantt-task-padding-y: k-spacing(1) !default;
102
+ /// The background color of the Gantt task.
102
103
  /// @group gantt
103
104
  $kendo-gantt-task-bg: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-110 )) !default;
104
- /// Text color of the gantt task.
105
+ /// The text color of the Gantt task.
105
106
  /// @group gantt
106
107
  $kendo-gantt-task-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
107
- /// Border color of the gantt task.
108
+ /// The border color of the Gantt task.
108
109
  /// @group gantt
109
110
  $kendo-gantt-task-border: inherit !default;
110
- /// Background color of the gantt task progress.
111
+ /// The background color of the Gantt task progress.
111
112
  /// @group gantt
112
113
  $kendo-gantt-task-progress-bg: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
113
- /// Background hover color of the gantt task progress.
114
+ /// The background color of the hovered Gantt task progress.
114
115
  /// @group gantt
115
116
  $kendo-gantt-task-progress-hover-bg: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
116
- /// Selected background color of the gantt task.
117
+ /// The background color of selected the Gantt task.
117
118
  /// @group gantt
118
119
  $kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-get-theme-color-var( primary-50 )) !default;
119
- /// Selected text color of the gantt task.
120
+ /// The text color of the selected Gantt task.
120
121
  /// @group gantt
121
122
  $kendo-gantt-task-selected-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
122
- /// Selected border color of the gantt task.
123
+ /// The border color of the selected Gantt task.
123
124
  /// @group gantt
124
125
  $kendo-gantt-task-selected-border: transparent !default;
125
- /// Selected background color of the gantt task progress.
126
+ /// The background color of the selected Gantt task progress.
126
127
  /// @group gantt
127
128
  $kendo-gantt-task-progress-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
128
129
 
129
- /// Vertical padding of the gantt task actions.
130
+ /// The vertical padding of the Gantt task actions.
130
131
  /// @group gantt
131
132
  $kendo-gantt-task-actions-padding-y: $kendo-padding-md-y !default;
132
- /// Horizontal padding of the gantt task actions.
133
+ /// The horizontal padding of the Gantt task actions.
133
134
  /// @group gantt
134
135
  $kendo-gantt-task-actions-padding-x: $kendo-padding-md-x !default;
135
136
 
136
- /// Vertical margin of the gantt task planned line.
137
+ /// The vertical margin of the Gantt task planned line.
137
138
  /// @group gantt
138
139
  $kendo-gantt-planned-margin-y: .45em !default;
139
- /// Border width of the gantt task planned line.
140
+ /// The border width of the Gantt task planned line.
140
141
  /// @group gantt
141
142
  $kendo-gantt-planned-border-width: 2px !default;
142
- /// Line height of the gantt task planned line.
143
+ /// The line height of the Gantt task planned line.
143
144
  /// @group gantt
144
145
  $kendo-gantt-planned-line-height: .85em !default;
145
146
 
146
- /// Vertical margin of the gantt planned dependencies.
147
+ /// The vertical margin of the Gantt planned dependencies.
147
148
  /// @group gantt
148
149
  $kendo-gantt-planned-dependency-margin-y: .65em !default;
149
150
 
150
- /// Default width of the gantt planned line dot.
151
+ /// The default width of the Gantt planned line dot.
151
152
  /// @group gantt
152
153
  $kendo-gantt-planned-moment-width: 6px !default;
153
- /// Default height of the gantt planned line dot.
154
+ /// The default height of the Gantt planned line dot.
154
155
  /// @group gantt
155
156
  $kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
156
- /// Border radius of the gantt planned line dot.
157
+ /// The border radius of the Gantt planned line dot.
157
158
  /// @group gantt
158
159
  $kendo-gantt-planned-moment-border-radius: calc( ( #{$kendo-gantt-planned-border-width * 2} + #{$kendo-gantt-planned-moment-width} ) / 2 ) !default;
159
- /// Horizontal margin of the gantt planned line dot.
160
+ /// The horizontal margin of the Gantt planned line dot.
160
161
  /// @group gantt
161
162
  $kendo-gantt-planned-moment-left-margin-x: calc( #{$kendo-gantt-planned-border-width} / 2 - #{$kendo-gantt-planned-moment-border-radius} ) !default;
162
- /// Horizontal margin of the gantt milestone planned line dot.
163
+ /// The horizontal margin of the Gantt milestone planned line dot.
163
164
  /// @group gantt
164
165
  $kendo-gantt-planned-milestone-moment-margin-x: math.div( $kendo-gantt-planned-moment-width, 2 ) !default;
165
166
 
166
- /// Default height of the gantt planned line.
167
+ /// The default height of the Gantt planned line.
167
168
  /// @group gantt
168
169
  $kendo-gantt-planned-duration-height: $kendo-gantt-planned-border-width !default;
169
- /// Hover height of the gantt planned line.
170
+ /// The height of the hovered Gantt planned line.
170
171
  /// @group gantt
171
172
  $kendo-gantt-planned-duration-hover-height: calc( #{$kendo-gantt-planned-border-width} + 1px ) !default;
172
173
 
173
- /// Top position of the gantt drag hint.
174
+ /// The top position of the Gantt drag hint.
174
175
  /// @group gantt
175
176
  $kendo-gantt-planned-single-drag-hint-top: 0 !default;
176
- /// Top position of the gantt summary drag hint.
177
+ /// The top position of the Gantt summary drag hint.
177
178
  /// @group gantt
178
179
  $kendo-gantt-planned-summary-drag-hint-top: .5em !default;
179
- /// Top position of the gantt planned milestone drag hint.
180
+ /// The top position of the Gantt planned milestone drag hint.
180
181
  /// @group gantt
181
182
  $kendo-gantt-planned-milestone-drag-hint-top: .3em !default;
182
183
 
183
- /// of the gantt.
184
+ /// The horizontal offset of the Gantt delayed task resize handler.
184
185
  /// @group gantt
185
186
  $kendo-gantt-planned-offset-resize-handler-margin-x: 1.4em !default;
186
187
 
187
- /// Text color of the gantt planned tooltip.
188
+ /// The text color of the Gantt planned Tooltip.
188
189
  /// @group gantt
189
190
  $kendo-gantt-planned-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
190
- /// Background color of the gantt planned tooltip.
191
+ /// The background color of the Gantt planned Tooltip.
191
192
  /// @group gantt
192
193
  $kendo-gantt-planned-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
193
- /// Border color of the gantt planned tooltip.
194
+ /// The border color of the Gantt planned Tooltip.
194
195
  /// @group gantt
195
196
  $kendo-gantt-planned-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
196
197
 
197
- /// Text color of the gantt delayed task.
198
+ /// The text color of the Gantt delayed task.
198
199
  /// @group gantt
199
200
  $kendo-gantt-delayed-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
200
- /// Background color of the gantt delayed task.
201
+ /// The background color of the Gantt delayed task.
201
202
  /// @group gantt
202
203
  $kendo-gantt-delayed-bg: if($kendo-enable-color-system, k-color( error-emphasis ), k-get-theme-color-var( error-160 )) !default;
203
- /// Complement background color of the gantt delayed task.
204
+ /// The complement background color of the Gantt delayed task.
204
205
  /// @group gantt
205
206
  $kendo-gantt-delayed-bg-lighter: if($kendo-enable-color-system, k-color( error ), k-get-theme-color-var( error-110)) !default;
206
- /// Background hover color of the gantt delayed task.
207
+ /// The background color of the hovered Gantt delayed task.
207
208
  /// @group gantt
208
209
  $kendo-gantt-delayed-hover-bg: if($kendo-enable-color-system, k-color( error-on-subtle ), k-get-theme-color-var( error-190 )) !default;
209
210
 
210
- /// Background color of the gantt advanced task.
211
+ /// The background color of the Gantt advanced task.
211
212
  /// @group gantt
212
213
  $kendo-gantt-advanced-bg: if($kendo-enable-color-system, k-color( success-emphasis ), k-get-theme-color-var( success-160 )) !default;
213
- /// Complement background color of the gantt advanced task.
214
+ /// The complement background color of the Gantt advanced task.
214
215
  /// @group gantt
215
216
  $kendo-gantt-advanced-bg-lighter: if($kendo-enable-color-system, k-color( success ), k-get-theme-color-var( success-110 )) !default;
216
- /// Background hover color of the gantt advanced task.
217
+ /// The background color of the hovered Gantt advanced task.
217
218
  /// @group gantt
218
219
  $kendo-gantt-advanced-hover-bg: if($kendo-enable-color-system, k-color( success-on-subtle ), k-get-theme-color-var( success-190 )) !default;
219
220
 
220
- /// Text color of the gantt delayed task action.
221
+ /// The text color of the Gantt delayed task action.
221
222
  /// @group gantt
222
223
  $kendo-gantt-action-on-offset-text: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
223
- /// Top position of the gantt delayed task resize handler.
224
+ /// The top position of the Gantt delayed task resize handler.
224
225
  /// @group gantt
225
226
  $kendo-gantt-offset-resize-handler-top: 50% !default;
226
227
 
227
- /// Default width of the gantt validation tooltip.
228
+ /// The default width of the Gantt validation Tooltip.
228
229
  /// @group gantt
229
230
  $kendo-gantt-validation-tooltip-width: 200px !default;
230
- /// Default width of the gantt validation tooltip label.
231
+ /// The default width of the Gantt validation Tooltip label.
231
232
  /// @group gantt
232
233
  $kendo-gantt-validation-tooltip-label-width: 50px !default;
233
- /// Border color of the gantt validation tooltip.
234
+ /// The border color of the Gantt validation Tooltip.
234
235
  /// @group gantt
235
236
  $kendo-gantt-validation-tooltip-border: var( --kendo-component-border, inherit ) !default;
236
- /// Border color of the gantt validation tooltip in valid state.
237
+ /// The border color of the valid Gantt validation Tooltip.
237
238
  /// @group gantt
238
239
  $kendo-gantt-validation-tooltip-valid-border: if($kendo-enable-color-system, k-color( success ), k-get-theme-color-var( success-100 )) !default;
239
- /// Border color of the gantt validation tooltip in invalid state.
240
+ /// The border color of the invalid Gantt validation Tooltip.
240
241
  /// @group gantt
241
242
  $kendo-gantt-validation-tooltip-invalid-border: if($kendo-enable-color-system, k-color( error ), k-get-theme-color-var( error-100 )) !default;
@@ -7,6 +7,7 @@
7
7
  @use "../table/_variables.scss" as *;
8
8
  @use "../tabstrip/_variables.scss" as *;
9
9
  @use "./_variables.scss" as *;
10
+ @use "../core/spacing" as *;
10
11
 
11
12
  @mixin kendo-grid--layout() {
12
13
 
@@ -520,7 +521,7 @@
520
521
  .k-grid-column-menu-standalone a.k-grid-filter {
521
522
  position: initial;
522
523
  display: inline-block;
523
- margin-block: ( $kendo-padding-md-y * -1 );
524
+ margin-block: calc( #{$kendo-padding-md-y} * -1 );
524
525
  margin-inline: 0;
525
526
  padding-block: $kendo-padding-md-y;
526
527
  padding-inline: $kendo-padding-md-x;