@progress/kendo-theme-fluent 11.2.1-dev.1 → 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.
Files changed (340) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +24099 -27323
  5. package/dist/meta/sassdoc-raw-data.json +8421 -7718
  6. package/dist/meta/variables.json +7880 -8036
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-buttons/_layout.scss +2 -55
  12. package/scss/action-buttons/_theme.scss +2 -11
  13. package/scss/action-buttons/_variables.scss +17 -7
  14. package/scss/action-sheet/_layout.scss +11 -399
  15. package/scss/action-sheet/_theme.scss +14 -69
  16. package/scss/action-sheet/_variables.scss +129 -66
  17. package/scss/adaptive/_index.scss +0 -3
  18. package/scss/adaptive/_layout.scss +2 -457
  19. package/scss/adaptive/_theme.scss +2 -75
  20. package/scss/adaptive/_variables.scss +39 -18
  21. package/scss/appbar/_layout.scss +2 -114
  22. package/scss/appbar/_theme.scss +9 -20
  23. package/scss/appbar/_variables.scss +38 -71
  24. package/scss/avatar/_layout.scss +2 -73
  25. package/scss/avatar/_theme.scss +2 -16
  26. package/scss/avatar/_variables.scss +24 -82
  27. package/scss/badge/_layout.scss +3 -146
  28. package/scss/badge/_theme.scss +8 -21
  29. package/scss/badge/_variables.scss +41 -88
  30. package/scss/bottom-navigation/_layout.scss +5 -108
  31. package/scss/bottom-navigation/_theme.scss +73 -74
  32. package/scss/bottom-navigation/_variables.scss +58 -117
  33. package/scss/breadcrumb/_layout.scss +8 -132
  34. package/scss/breadcrumb/_theme.scss +15 -71
  35. package/scss/breadcrumb/_variables.scss +133 -71
  36. package/scss/button/_layout.scss +18 -182
  37. package/scss/button/_theme.scss +132 -113
  38. package/scss/button/_variables.scss +156 -301
  39. package/scss/calendar/_layout.scss +27 -383
  40. package/scss/calendar/_theme.scss +55 -127
  41. package/scss/calendar/_variables.scss +185 -100
  42. package/scss/captcha/_layout.scss +2 -59
  43. package/scss/captcha/_theme.scss +2 -9
  44. package/scss/captcha/_variables.scss +25 -9
  45. package/scss/card/_layout.scss +9 -314
  46. package/scss/card/_theme.scss +3 -103
  47. package/scss/card/_variables.scss +110 -60
  48. package/scss/chart-wizard/_layout.scss +2 -38
  49. package/scss/chart-wizard/_theme.scss +2 -28
  50. package/scss/chart-wizard/_variables.scss +25 -11
  51. package/scss/chat/_index.scss +0 -3
  52. package/scss/chat/_layout.scss +26 -450
  53. package/scss/chat/_theme.scss +9 -80
  54. package/scss/chat/_variables.scss +143 -71
  55. package/scss/checkbox/_layout.scss +14 -191
  56. package/scss/checkbox/_theme.scss +11 -100
  57. package/scss/checkbox/_variables.scss +165 -78
  58. package/scss/chip/_layout.scss +11 -137
  59. package/scss/chip/_theme.scss +56 -57
  60. package/scss/chip/_variables.scss +99 -94
  61. package/scss/color-preview/_layout.scss +4 -64
  62. package/scss/color-preview/_theme.scss +2 -27
  63. package/scss/color-preview/_variables.scss +23 -9
  64. package/scss/coloreditor/_layout.scss +21 -109
  65. package/scss/coloreditor/_theme.scss +3 -24
  66. package/scss/coloreditor/_variables.scss +92 -57
  67. package/scss/colorgradient/_layout.scss +12 -196
  68. package/scss/colorgradient/_theme.scss +27 -65
  69. package/scss/colorgradient/_variables.scss +134 -76
  70. package/scss/colorpalette/_layout.scss +6 -40
  71. package/scss/colorpalette/_theme.scss +10 -20
  72. package/scss/colorpalette/_variables.scss +39 -21
  73. package/scss/colorpicker/_layout.scss +2 -11
  74. package/scss/colorpicker/_theme.scss +2 -1
  75. package/scss/column-menu/_layout.scss +5 -56
  76. package/scss/column-menu/_theme.scss +1 -24
  77. package/scss/column-menu/_variables.scss +38 -17
  78. package/scss/combobox/_layout.scss +4 -2
  79. package/scss/combobox/_theme.scss +4 -2
  80. package/scss/core/functions/index.import.scss +1 -0
  81. package/scss/dataviz/_layout.scss +6 -543
  82. package/scss/dataviz/_theme.scss +12 -76
  83. package/scss/dataviz/_variables.scss +152 -33
  84. package/scss/daterangepicker/_layout.scss +2 -37
  85. package/scss/daterangepicker/_theme.scss +16 -7
  86. package/scss/daterangepicker/_variables.scss +9 -0
  87. package/scss/datetimepicker/_layout.scss +3 -41
  88. package/scss/datetimepicker/_theme.scss +3 -2
  89. package/scss/datetimepicker/_variables.scss +5 -1
  90. package/scss/dialog/_layout.scss +8 -53
  91. package/scss/dialog/_theme.scss +5 -25
  92. package/scss/dialog/_variables.scss +31 -60
  93. package/scss/dock-manager/_layout.scss +9 -193
  94. package/scss/dock-manager/_theme.scss +6 -28
  95. package/scss/dock-manager/_variables.scss +74 -36
  96. package/scss/draggable/_layout.scss +13 -59
  97. package/scss/draggable/_theme.scss +10 -15
  98. package/scss/draggable/_variables.scss +45 -23
  99. package/scss/drawer/_layout.scss +7 -198
  100. package/scss/drawer/_theme.scss +25 -52
  101. package/scss/drawer/_variables.scss +73 -45
  102. package/scss/dropdowngrid/_layout.scss +3 -11
  103. package/scss/dropdowngrid/_theme.scss +3 -3
  104. package/scss/dropdownlist/_layout.scss +4 -28
  105. package/scss/dropdownlist/_theme.scss +3 -7
  106. package/scss/dropdowntree/_layout.scss +2 -35
  107. package/scss/dropdowntree/_theme.scss +3 -4
  108. package/scss/dropdowntree/_variables.scss +4 -3
  109. package/scss/dropzone/_layout.scss +7 -31
  110. package/scss/dropzone/_theme.scss +2 -30
  111. package/scss/dropzone/_variables.scss +43 -21
  112. package/scss/editor/_layout.scss +3 -588
  113. package/scss/editor/_theme.scss +12 -78
  114. package/scss/editor/_variables.scss +45 -26
  115. package/scss/expansion-panel/_layout.scss +22 -57
  116. package/scss/expansion-panel/_theme.scss +13 -36
  117. package/scss/expansion-panel/_variables.scss +49 -28
  118. package/scss/fab/_layout.scss +11 -134
  119. package/scss/fab/_theme.scss +37 -126
  120. package/scss/fab/_variables.scss +104 -56
  121. package/scss/filemanager/_layout.scss +2 -240
  122. package/scss/filemanager/_theme.scss +8 -89
  123. package/scss/filemanager/_variables.scss +109 -56
  124. package/scss/filter/_layout.scss +8 -71
  125. package/scss/filter/_theme.scss +5 -14
  126. package/scss/filter/_variables.scss +20 -10
  127. package/scss/floating-label/_layout.scss +3 -75
  128. package/scss/floating-label/_theme.scss +4 -20
  129. package/scss/floating-label/_variables.scss +35 -17
  130. package/scss/forms/_layout.scss +5 -302
  131. package/scss/forms/_theme.scss +5 -24
  132. package/scss/forms/_variables.scss +73 -39
  133. package/scss/gantt/_layout.scss +5 -801
  134. package/scss/gantt/_theme.scss +17 -236
  135. package/scss/gantt/_variables.scss +142 -73
  136. package/scss/grid/_layout.scss +60 -1276
  137. package/scss/grid/_theme.scss +35 -343
  138. package/scss/grid/_variables.scss +306 -183
  139. package/scss/gridlayout/_layout.scss +1 -6
  140. package/scss/gridlayout/_theme.scss +1 -6
  141. package/scss/icons/_layout.scss +4 -33
  142. package/scss/icons/_theme.scss +7 -1
  143. package/scss/icons/_variables.scss +35 -9
  144. package/scss/imageeditor/_layout.scss +2 -152
  145. package/scss/imageeditor/_theme.scss +5 -42
  146. package/scss/imageeditor/_variables.scss +66 -32
  147. package/scss/index.scss +2 -1
  148. package/scss/input/_layout.scss +36 -468
  149. package/scss/input/_theme.scss +52 -128
  150. package/scss/input/_variables.scss +153 -208
  151. package/scss/list/_layout.scss +3 -252
  152. package/scss/list/_theme.scss +10 -81
  153. package/scss/list/_variables.scss +176 -92
  154. package/scss/listbox/_layout.scss +2 -80
  155. package/scss/listbox/_theme.scss +5 -8
  156. package/scss/listbox/_variables.scss +28 -13
  157. package/scss/listgroup/_layout.scss +2 -174
  158. package/scss/listgroup/_theme.scss +2 -8
  159. package/scss/listgroup/_variables.scss +23 -10
  160. package/scss/listview/_layout.scss +6 -133
  161. package/scss/listview/_theme.scss +8 -37
  162. package/scss/listview/_variables.scss +66 -39
  163. package/scss/loader/_layout.scss +15 -572
  164. package/scss/loader/_theme.scss +2 -14
  165. package/scss/loader/_variables.scss +90 -92
  166. package/scss/map/_layout.scss +7 -121
  167. package/scss/map/_theme.scss +5 -17
  168. package/scss/map/_variables.scss +40 -22
  169. package/scss/maskedtextbox/_layout.scss +3 -3
  170. package/scss/maskedtextbox/_theme.scss +3 -3
  171. package/scss/mediaplayer/_layout.scss +5 -72
  172. package/scss/mediaplayer/_theme.scss +5 -15
  173. package/scss/mediaplayer/_variables.scss +27 -14
  174. package/scss/menu/_layout.scss +25 -267
  175. package/scss/menu/_theme.scss +14 -73
  176. package/scss/menu/_variables.scss +135 -76
  177. package/scss/menu-button/_layout.scss +9 -14
  178. package/scss/menu-button/_theme.scss +5 -1
  179. package/scss/menu-button/_variables.scss +10 -0
  180. package/scss/messagebox/_layout.scss +2 -18
  181. package/scss/messagebox/_theme.scss +4 -19
  182. package/scss/messagebox/_variables.scss +33 -37
  183. package/scss/multiselect/_layout.scss +3 -4
  184. package/scss/multiselect/_theme.scss +3 -4
  185. package/scss/no-data/_layout.scss +2 -17
  186. package/scss/no-data/_theme.scss +2 -5
  187. package/scss/no-data/_variables.scss +7 -2
  188. package/scss/notification/_functions.scss +17 -0
  189. package/scss/notification/_layout.scss +2 -68
  190. package/scss/notification/_theme.scss +4 -28
  191. package/scss/notification/_variables.scss +50 -91
  192. package/scss/numerictextbox/_layout.scss +3 -7
  193. package/scss/numerictextbox/_theme.scss +3 -3
  194. package/scss/orgchart/_layout.scss +8 -99
  195. package/scss/orgchart/_theme.scss +4 -45
  196. package/scss/orgchart/_variables.scss +87 -45
  197. package/scss/otp/_layout.scss +1 -34
  198. package/scss/otp/_theme.scss +1 -7
  199. package/scss/otp/_variables.scss +25 -12
  200. package/scss/overlay/_layout.scss +2 -11
  201. package/scss/overlay/_theme.scss +4 -3
  202. package/scss/overlay/_variables.scss +7 -3
  203. package/scss/pager/_layout.scss +11 -145
  204. package/scss/pager/_theme.scss +7 -15
  205. package/scss/pager/_variables.scss +49 -26
  206. package/scss/panel/_layout.scss +2 -24
  207. package/scss/panel/_theme.scss +10 -13
  208. package/scss/panel/_variables.scss +23 -10
  209. package/scss/panelbar/_layout.scss +17 -95
  210. package/scss/panelbar/_theme.scss +15 -164
  211. package/scss/panelbar/_variables.scss +134 -68
  212. package/scss/pdf-viewer/_layout.scss +3 -327
  213. package/scss/pdf-viewer/_theme.scss +2 -80
  214. package/scss/pdf-viewer/_variables.scss +75 -36
  215. package/scss/pivotgrid/_index.scss +0 -6
  216. package/scss/pivotgrid/_layout.scss +44 -579
  217. package/scss/pivotgrid/_theme.scss +5 -192
  218. package/scss/pivotgrid/_variables.scss +144 -70
  219. package/scss/popover/_layout.scss +6 -73
  220. package/scss/popover/_theme.scss +2 -36
  221. package/scss/popover/_variables.scss +54 -27
  222. package/scss/popup/_layout.scss +5 -70
  223. package/scss/popup/_theme.scss +2 -9
  224. package/scss/popup/_variables.scss +25 -12
  225. package/scss/progressbar/_layout.scss +10 -196
  226. package/scss/progressbar/_theme.scss +11 -46
  227. package/scss/progressbar/_variables.scss +57 -34
  228. package/scss/prompt/_layout.scss +2 -75
  229. package/scss/prompt/_theme.scss +2 -35
  230. package/scss/prompt/_variables.scss +43 -20
  231. package/scss/radio/_layout.scss +12 -178
  232. package/scss/radio/_theme.scss +7 -75
  233. package/scss/radio/_variables.scss +72 -36
  234. package/scss/rating/_layout.scss +11 -57
  235. package/scss/rating/_theme.scss +8 -6
  236. package/scss/rating/_variables.scss +21 -13
  237. package/scss/responsivepanel/_layout.scss +2 -45
  238. package/scss/responsivepanel/_theme.scss +3 -3
  239. package/scss/ripple/_layout.scss +2 -50
  240. package/scss/ripple/_theme.scss +2 -2
  241. package/scss/scheduler/_layout.scss +11 -773
  242. package/scss/scheduler/_theme.scss +32 -167
  243. package/scss/scheduler/_variables.scss +149 -77
  244. package/scss/scroller/_layout.scss +2 -80
  245. package/scss/scroller/_theme.scss +2 -5
  246. package/scss/scrollview/_layout.scss +2 -159
  247. package/scss/scrollview/_theme.scss +11 -35
  248. package/scss/scrollview/_variables.scss +52 -29
  249. package/scss/searchbox/_layout.scss +2 -0
  250. package/scss/searchbox/_theme.scss +4 -1
  251. package/scss/searchbox/_variables.scss +1 -1
  252. package/scss/signature/_layout.scss +3 -67
  253. package/scss/signature/_theme.scss +3 -8
  254. package/scss/signature/_variables.scss +46 -25
  255. package/scss/skeleton/_layout.scss +2 -79
  256. package/scss/skeleton/_theme.scss +2 -17
  257. package/scss/skeleton/_variables.scss +15 -6
  258. package/scss/slider/_layout.scss +18 -203
  259. package/scss/slider/_theme.scss +31 -40
  260. package/scss/slider/_variables.scss +58 -41
  261. package/scss/speech-to-text-button/_layout.scss +1 -9
  262. package/scss/speech-to-text-button/_theme.scss +1 -3
  263. package/scss/split-button/_layout.scss +22 -18
  264. package/scss/split-button/_theme.scss +2 -1
  265. package/scss/split-button/_variables.scss +18 -9
  266. package/scss/splitter/_layout.scss +8 -171
  267. package/scss/splitter/_theme.scss +2 -31
  268. package/scss/splitter/_variables.scss +42 -20
  269. package/scss/spreadsheet/_layout.scss +50 -724
  270. package/scss/spreadsheet/_theme.scss +14 -182
  271. package/scss/spreadsheet/_variables.scss +172 -99
  272. package/scss/stacklayout/_layout.scss +1 -5
  273. package/scss/stacklayout/_theme.scss +1 -5
  274. package/scss/stepper/_layout.scss +9 -255
  275. package/scss/stepper/_theme.scss +4 -186
  276. package/scss/stepper/_variables.scss +125 -60
  277. package/scss/suggestion/_layout.scss +2 -38
  278. package/scss/suggestion/_theme.scss +3 -66
  279. package/scss/suggestion/_variables.scss +42 -19
  280. package/scss/switch/_layout.scss +2 -138
  281. package/scss/switch/_theme.scss +2 -136
  282. package/scss/switch/_variables.scss +99 -49
  283. package/scss/table/_layout.scss +6 -249
  284. package/scss/table/_theme.scss +9 -95
  285. package/scss/table/_variables.scss +100 -64
  286. package/scss/tabstrip/_layout.scss +2 -421
  287. package/scss/tabstrip/_theme.scss +12 -123
  288. package/scss/tabstrip/_variables.scss +113 -61
  289. package/scss/taskboard/_layout.scss +28 -178
  290. package/scss/taskboard/_theme.scss +20 -55
  291. package/scss/taskboard/_variables.scss +122 -63
  292. package/scss/textarea/_layout.scss +3 -6
  293. package/scss/textarea/_theme.scss +3 -4
  294. package/scss/textbox/_layout.scss +3 -4
  295. package/scss/textbox/_theme.scss +3 -4
  296. package/scss/tilelayout/_layout.scss +2 -36
  297. package/scss/tilelayout/_theme.scss +13 -10
  298. package/scss/tilelayout/_variables.scss +19 -8
  299. package/scss/time-marker/_layout.scss +2 -15
  300. package/scss/time-marker/_theme.scss +2 -17
  301. package/scss/time-marker/_variables.scss +7 -2
  302. package/scss/timedurationpicker/_layout.scss +3 -4
  303. package/scss/timedurationpicker/_theme.scss +3 -4
  304. package/scss/timeline/_layout.scss +8 -423
  305. package/scss/timeline/_theme.scss +11 -34
  306. package/scss/timeline/_variables.scss +108 -61
  307. package/scss/timepicker/_layout.scss +7 -3
  308. package/scss/timepicker/_theme.scss +3 -4
  309. package/scss/timeselector/_layout.scss +3 -223
  310. package/scss/timeselector/_theme.scss +5 -55
  311. package/scss/timeselector/_variables.scss +84 -41
  312. package/scss/toolbar/_layout.scss +11 -296
  313. package/scss/toolbar/_theme.scss +3 -167
  314. package/scss/toolbar/_variables.scss +65 -32
  315. package/scss/tooltip/_functions.scss +17 -0
  316. package/scss/tooltip/_layout.scss +13 -74
  317. package/scss/tooltip/_theme.scss +17 -23
  318. package/scss/tooltip/_variables.scss +50 -72
  319. package/scss/treelist/_layout.scss +3 -82
  320. package/scss/treelist/_theme.scss +4 -6
  321. package/scss/treelist/_variables.scss +7 -2
  322. package/scss/treeview/_layout.scss +8 -137
  323. package/scss/treeview/_theme.scss +20 -65
  324. package/scss/treeview/_variables.scss +88 -48
  325. package/scss/typography/_layout.scss +3 -113
  326. package/scss/typography/_theme.scss +2 -17
  327. package/scss/typography/_variables.scss +84 -3
  328. package/scss/upload/_layout.scss +7 -219
  329. package/scss/upload/_theme.scss +4 -90
  330. package/scss/upload/_variables.scss +66 -29
  331. package/scss/validator/_layout.scss +2 -16
  332. package/scss/validator/_theme.scss +2 -2
  333. package/scss/virtual-scroller/_layout.scss +2 -34
  334. package/scss/virtual-scroller/_theme.scss +2 -2
  335. package/scss/window/_layout.scss +9 -141
  336. package/scss/window/_theme.scss +7 -35
  337. package/scss/window/_variables.scss +65 -70
  338. package/scss/wizard/_layout.scss +8 -95
  339. package/scss/wizard/_theme.scss +4 -7
  340. package/scss/wizard/_variables.scss +24 -11
package/scss/gantt/_variables.scss CHANGED
@@ -5,238 +5,307 @@
5
5
 
6
6
  /// The border width of the Gantt.
7
7
  /// @group gantt
8
- $kendo-gantt-border-width: 1px !default;
8
+ $kendo-gantt-border-width: var(--kendo-gantt-border-width, 1px) !default;
9
9
  /// The font family of the Gantt.
10
10
  /// @group gantt
11
- $kendo-gantt-font-family: var( --kendo-font-family, initial ) !default;
11
+ $kendo-gantt-font-family: var(--kendo-gantt-font-family, var(--kendo-font-family, initial)) !default;
12
12
  /// The font size of the Gantt.
13
13
  /// @group gantt
14
- $kendo-gantt-font-size: var( --kendo-font-size, initial ) !default;
14
+ $kendo-gantt-font-size: var(--kendo-gantt-font-size, var(--kendo-font-size, initial)) !default;
15
15
  /// The line height of the Gantt.
16
16
  /// @group gantt
17
- $kendo-gantt-line-height: var( --kendo-line-height, initial ) !default;
17
+ $kendo-gantt-line-height: var(--kendo-gantt-line-height, var(--kendo-line-height, initial)) !default;
18
18
  /// The background color of the Gantt.
19
19
  /// @group gantt
20
- $kendo-gantt-bg: k-color(surface-alt) !default;
20
+ $kendo-gantt-bg: var(--kendo-gantt-bg, #{k-color(surface-alt)}) !default;
21
21
  /// The text color of the Gantt.
22
22
  /// @group gantt
23
- $kendo-gantt-text: k-color(on-app-surface) !default;
23
+ $kendo-gantt-text: var(--kendo-gantt-text, #{k-color(on-app-surface)}) !default;
24
24
  /// The border color of the Gantt.
25
25
  /// @group gantt
26
- $kendo-gantt-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
26
+ $kendo-gantt-border: var(--kendo-gantt-border, #{color-mix(in srgb, k-color(border) 16%, transparent)}) !default;
27
27
 
28
28
  /// The background color of the Gantt non-working days.
29
29
  /// @group gantt
30
- $kendo-gantt-nonwork-bg: color-mix(in srgb, k-color(on-app-surface) 4%, transparent) !default;
30
+ $kendo-gantt-nonwork-bg: var(--kendo-gantt-nonwork-bg, #{color-mix(in srgb, k-color(on-app-surface) 4%, transparent)}) !default;
31
31
  /// The text color of the Gantt non-working days.
32
32
  /// @group gantt
33
- $kendo-gantt-nonwork-text: inherit !default;
33
+ $kendo-gantt-nonwork-text: var(--kendo-gantt-nonwork-text, inherit) !default;
34
34
  /// The border color of the Gantt non-working days.
35
35
  /// @group gantt
36
- $kendo-gantt-nonwork-border: inherit !default;
36
+ $kendo-gantt-nonwork-border: var(--kendo-gantt-nonwork-border, inherit) !default;
37
37
 
38
38
  /// The size of the Gantt connecting lines.
39
39
  /// @group gantt
40
- $kendo-gantt-line-size: 2px !default;
40
+ $kendo-gantt-line-size: var(--kendo-gantt-line-size, 2px) !default;
41
41
  /// The background fill color of the Gantt connecting lines.
42
42
  /// @group gantt
43
- $kendo-gantt-line-fill: black !default;
43
+ $kendo-gantt-line-fill: var(--kendo-gantt-line-fill, black) !default;
44
44
  /// The background fill of the selected Gantt connecting lines.
45
45
  /// @group gantt
46
- $kendo-gantt-line-selected-fill: k-color(primary-active) !default;
46
+ $kendo-gantt-line-selected-fill: var(--kendo-gantt-line-selected-fill, #{k-color(primary-active)}) !default;
47
47
 
48
48
  /// The size of the Gantt task dot.
49
49
  /// @group gantt
50
- $kendo-gantt-dot-size: 8px !default;
50
+ $kendo-gantt-dot-size: var(--kendo-gantt-dot-size, 8px) !default;
51
51
  /// The spacing of the Gantt task dot.
52
52
  /// @group gantt
53
- $kendo-gantt-dot-spacing: k-spacing(0.5) !default;
53
+ $kendo-gantt-dot-spacing: var(--kendo-gantt-dot-spacing, #{k-spacing(0.5)}) !default;
54
54
  /// The background color of the Gantt task dot.
55
55
  /// @group gantt
56
- $kendo-gantt-dot-bg: k-color(on-app-surface) !default;
56
+ $kendo-gantt-dot-bg: var(--kendo-gantt-dot-bg, #{k-color(on-app-surface)}) !default;
57
57
  /// The border color of the Gantt task dot.
58
58
  /// @group gantt
59
- $kendo-gantt-dot-border: k-color(on-app-surface) !default;
59
+ $kendo-gantt-dot-border: var(--kendo-gantt-dot-border, #{k-color(on-app-surface)}) !default;
60
60
  /// The background color of the hovered Gantt task dot.
61
61
  /// @group gantt
62
- $kendo-gantt-dot-hover-bg: k-color(app-surface) !default;
62
+ $kendo-gantt-dot-hover-bg: var(--kendo-gantt-dot-hover-bg, #{k-color(app-surface)}) !default;
63
63
  /// The border color of the hovered Gantt task dot.
64
64
  /// @group gantt
65
- $kendo-gantt-dot-hover-border: k-color(on-app-surface) !default;
65
+ $kendo-gantt-dot-hover-border: var(--kendo-gantt-dot-hover-border, #{k-color(on-app-surface)}) !default;
66
66
 
67
67
  /// The background color of the Gantt milestone.
68
68
  /// @group gantt
69
- $kendo-gantt-milestone-bg: $kendo-gantt-text !default;
69
+ $kendo-gantt-milestone-bg: var(--kendo-gantt-milestone-bg, #{k-color(on-app-surface)}) !default;
70
70
  /// The border color of the Gantt milestone.
71
71
  /// @group gantt
72
- $kendo-gantt-milestone-border: $kendo-gantt-text !default;
72
+ $kendo-gantt-milestone-border: var(--kendo-gantt-milestone-border, #{k-color(on-app-surface)}) !default;
73
73
  /// The background color of the selected Gantt milestone.
74
74
  /// @group gantt
75
- $kendo-gantt-milestone-selected-bg: k-color(primary) !default;
75
+ $kendo-gantt-milestone-selected-bg: var(--kendo-gantt-milestone-selected-bg, #{k-color(primary)}) !default;
76
76
  /// The border color of the selected Gantt milestone.
77
77
  /// @group gantt
78
- $kendo-gantt-milestone-selected-border: k-color(primary) !default;
78
+ $kendo-gantt-milestone-selected-border: var(--kendo-gantt-milestone-selected-border, #{k-color(primary)}) !default;
79
79
 
80
80
  /// The background color of the Gantt summary.
81
81
  /// @group gantt
82
- $kendo-gantt-summary-bg: k-color(subtle) !default;
82
+ $kendo-gantt-summary-bg: var(--kendo-gantt-summary-bg, #{k-color(subtle)}) !default;
83
83
  /// The background color of the Gantt summary progress.
84
84
  /// @group gantt
85
- $kendo-gantt-summary-progress-bg: k-color(on-app-surface) !default;
85
+ $kendo-gantt-summary-progress-bg: var(--kendo-gantt-summary-progress-bg, #{k-color(on-app-surface)}) !default;
86
86
  /// The background color of the selected Gantt summary.
87
87
  /// @group gantt
88
- $kendo-gantt-summary-selected-bg: k-color(primary-subtle-active) !default;
88
+ $kendo-gantt-summary-selected-bg: var(--kendo-gantt-summary-selected-bg, #{k-color(primary-subtle-active)}) !default;
89
89
  /// The background color of the selected Gantt summary progress.
90
90
  /// @group gantt
91
- $kendo-gantt-summary-progress-selected-bg: k-color(primary) !default;
91
+ $kendo-gantt-summary-progress-selected-bg: var(--kendo-gantt-summary-progress-selected-bg, #{k-color(primary)}) !default;
92
92
 
93
93
  /// The border width of the Gantt task.
94
94
  /// @group gantt
95
- $kendo-gantt-task-border-width: 0px !default;
95
+ $kendo-gantt-task-border-width: var(--kendo-gantt-task-border-width, 0px) !default;
96
96
  /// The horizontal padding of the Gantt task.
97
97
  /// @group gantt
98
- $kendo-gantt-task-padding-x: k-spacing(2) !default;
98
+ $kendo-gantt-task-padding-x: var(--kendo-gantt-task-padding-x, #{k-spacing(2)}) !default;
99
99
  /// The vertical padding of the Gantt task.
100
100
  /// @group gantt
101
- $kendo-gantt-task-padding-y: k-spacing(1) !default;
101
+ $kendo-gantt-task-padding-y: var(--kendo-gantt-task-padding-y, #{k-spacing(1)}) !default;
102
102
  /// The background color of the Gantt task.
103
103
  /// @group gantt
104
- $kendo-gantt-task-bg: k-color(subtle) !default;
104
+ $kendo-gantt-task-bg: var(--kendo-gantt-task-bg, #{k-color(subtle)}) !default;
105
105
  /// The text color of the Gantt task.
106
106
  /// @group gantt
107
- $kendo-gantt-task-text: k-color(app-surface) !default;
107
+ $kendo-gantt-task-text: var(--kendo-gantt-task-text, #{k-color(app-surface)}) !default;
108
108
  /// The border color of the Gantt task.
109
109
  /// @group gantt
110
- $kendo-gantt-task-border: inherit !default;
110
+ $kendo-gantt-task-border: var(--kendo-gantt-task-border, inherit) !default;
111
111
  /// The background color of the Gantt task progress.
112
112
  /// @group gantt
113
- $kendo-gantt-task-progress-bg: k-color(on-app-surface) !default;
113
+ $kendo-gantt-task-progress-bg: var(--kendo-gantt-task-progress-bg, #{k-color(on-app-surface)}) !default;
114
114
  /// The background color of the hovered Gantt task progress.
115
115
  /// @group gantt
116
- $kendo-gantt-task-progress-hover-bg: k-color(on-app-surface) !default;
116
+ $kendo-gantt-task-progress-hover-bg: var(--kendo-gantt-task-progress-hover-bg, #{k-color(on-app-surface)}) !default;
117
117
  /// The background color of selected the Gantt task.
118
118
  /// @group gantt
119
- $kendo-gantt-task-selected-bg: k-color(primary-subtle-active) !default;
119
+ $kendo-gantt-task-selected-bg: var(--kendo-gantt-task-selected-bg, #{k-color(primary-subtle-active)}) !default;
120
120
  /// The text color of the selected Gantt task.
121
121
  /// @group gantt
122
- $kendo-gantt-task-selected-text: k-color(app-surface) !default;
122
+ $kendo-gantt-task-selected-text: var(--kendo-gantt-task-selected-text, #{k-color(app-surface)}) !default;
123
123
  /// The border color of the selected Gantt task.
124
124
  /// @group gantt
125
- $kendo-gantt-task-selected-border: transparent !default;
125
+ $kendo-gantt-task-selected-border: var(--kendo-gantt-task-selected-border, transparent) !default;
126
126
  /// The background color of the selected Gantt task progress.
127
127
  /// @group gantt
128
- $kendo-gantt-task-progress-selected-bg: k-color(primary) !default;
128
+ $kendo-gantt-task-progress-selected-bg: var(--kendo-gantt-task-progress-selected-bg, #{k-color(primary)}) !default;
129
129
 
130
130
  /// The vertical padding of the Gantt task actions.
131
131
  /// @group gantt
132
- $kendo-gantt-task-actions-padding-y: k-spacing(1) !default;
132
+ $kendo-gantt-task-actions-padding-y: var(--kendo-gantt-task-actions-padding-y, #{k-spacing(1)}) !default;
133
133
  /// The horizontal padding of the Gantt task actions.
134
134
  /// @group gantt
135
- $kendo-gantt-task-actions-padding-x: k-spacing(2) !default;
135
+ $kendo-gantt-task-actions-padding-x: var(--kendo-gantt-task-actions-padding-x, #{k-spacing(2)}) !default;
136
136
 
137
137
  /// The vertical margin of the Gantt task planned line.
138
138
  /// @group gantt
139
- $kendo-gantt-planned-margin-y: .45em !default;
139
+ $kendo-gantt-planned-margin-y: var(--kendo-gantt-planned-margin-y, .45em) !default;
140
140
  /// The border width of the Gantt task planned line.
141
141
  /// @group gantt
142
- $kendo-gantt-planned-border-width: 2px !default;
142
+ $kendo-gantt-planned-border-width: var(--kendo-gantt-planned-border-width, 2px) !default;
143
143
  /// The line height of the Gantt task planned line.
144
144
  /// @group gantt
145
- $kendo-gantt-planned-line-height: .85em !default;
145
+ $kendo-gantt-planned-line-height: var(--kendo-gantt-planned-line-height, .85em) !default;
146
146
 
147
147
  /// The vertical margin of the Gantt planned dependencies.
148
148
  /// @group gantt
149
- $kendo-gantt-planned-dependency-margin-y: .65em !default;
149
+ $kendo-gantt-planned-dependency-margin-y: var(--kendo-gantt-planned-dependency-margin-y, .65em) !default;
150
150
 
151
151
  /// The default width of the Gantt planned line dot.
152
152
  /// @group gantt
153
- $kendo-gantt-planned-moment-width: 6px !default;
153
+ $kendo-gantt-planned-moment-width: var(--kendo-gantt-planned-moment-width, 6px) !default;
154
154
  /// The default height of the Gantt planned line dot.
155
155
  /// @group gantt
156
- $kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
156
+ $kendo-gantt-planned-moment-height: var(--kendo-gantt-planned-moment-height, var(--kendo-gantt-planned-moment-width, 6px)) !default;
157
157
  /// The border radius of the Gantt planned line dot.
158
158
  /// @group gantt
159
- $kendo-gantt-planned-moment-border-radius: calc( ( #{$kendo-gantt-planned-border-width * 2} + #{$kendo-gantt-planned-moment-width} ) / 2 ) !default;
159
+ $kendo-gantt-planned-moment-border-radius: var(--kendo-gantt-planned-moment-border-radius, calc((var(--kendo-gantt-planned-border-width, 2px) * 2 + var(--kendo-gantt-planned-moment-width, 6px)) / 2)) !default;
160
160
  /// The horizontal margin of the Gantt planned line dot.
161
161
  /// @group gantt
162
- $kendo-gantt-planned-moment-left-margin-x: calc( #{$kendo-gantt-planned-border-width} / 2 - #{$kendo-gantt-planned-moment-border-radius} ) !default;
162
+ $kendo-gantt-planned-moment-left-margin-x: var(--kendo-gantt-planned-moment-left-margin-x, calc(var(--kendo-gantt-planned-border-width, 2px) / 2 - var(--kendo-gantt-planned-moment-border-radius, calc((var(--kendo-gantt-planned-border-width, 2px) * 2 + var(--kendo-gantt-planned-moment-width, 6px)) / 2)))) !default;
163
163
  /// The horizontal margin of the Gantt milestone planned line dot.
164
164
  /// @group gantt
165
- $kendo-gantt-planned-milestone-moment-margin-x: math.div( $kendo-gantt-planned-moment-width, 2 ) !default;
165
+ $kendo-gantt-planned-milestone-moment-margin-x: var(--kendo-gantt-planned-milestone-moment-margin-x, #{math.div(6px, 2)}) !default;
166
166
 
167
167
  /// The default height of the Gantt planned line.
168
168
  /// @group gantt
169
- $kendo-gantt-planned-duration-height: $kendo-gantt-planned-border-width !default;
169
+ $kendo-gantt-planned-duration-height: var(--kendo-gantt-planned-duration-height, var(--kendo-gantt-planned-border-width, 2px)) !default;
170
170
  /// The height of the hovered Gantt planned line.
171
171
  /// @group gantt
172
- $kendo-gantt-planned-duration-hover-height: calc( #{$kendo-gantt-planned-border-width} + 1px ) !default;
172
+ $kendo-gantt-planned-duration-hover-height: var(--kendo-gantt-planned-duration-hover-height, calc(var(--kendo-gantt-planned-border-width, 2px) + 1px)) !default;
173
173
 
174
174
  /// The top position of the Gantt drag hint.
175
175
  /// @group gantt
176
- $kendo-gantt-planned-single-drag-hint-top: 0 !default;
176
+ $kendo-gantt-planned-single-drag-hint-top: var(--kendo-gantt-planned-single-drag-hint-top, 0) !default;
177
177
  /// The top position of the Gantt summary drag hint.
178
178
  /// @group gantt
179
- $kendo-gantt-planned-summary-drag-hint-top: .5em !default;
179
+ $kendo-gantt-planned-summary-drag-hint-top: var(--kendo-gantt-planned-summary-drag-hint-top, .5em) !default;
180
180
  /// The top position of the Gantt planned milestone drag hint.
181
181
  /// @group gantt
182
- $kendo-gantt-planned-milestone-drag-hint-top: .3em !default;
182
+ $kendo-gantt-planned-milestone-drag-hint-top: var(--kendo-gantt-planned-milestone-drag-hint-top, .3em) !default;
183
183
 
184
184
  /// The horizontal offset of the Gantt delayed task resize handler.
185
185
  /// @group gantt
186
- $kendo-gantt-planned-offset-resize-handler-margin-x: 1.4em !default;
186
+ $kendo-gantt-planned-offset-resize-handler-margin-x: var(--kendo-gantt-planned-offset-resize-handler-margin-x, 1.4em) !default;
187
187
 
188
188
  /// The text color of the Gantt planned Tooltip.
189
189
  /// @group gantt
190
- $kendo-gantt-planned-text: k-color(app-surface) !default;
190
+ $kendo-gantt-planned-text: var(--kendo-gantt-planned-text, #{k-color(app-surface)}) !default;
191
191
  /// The background color of the Gantt planned Tooltip.
192
192
  /// @group gantt
193
- $kendo-gantt-planned-bg: k-color(primary) !default;
193
+ $kendo-gantt-planned-bg: var(--kendo-gantt-planned-bg, #{k-color(primary)}) !default;
194
194
  /// The border color of the Gantt planned Tooltip.
195
195
  /// @group gantt
196
- $kendo-gantt-planned-border: k-color(primary) !default;
196
+ $kendo-gantt-planned-border: var(--kendo-gantt-planned-border, #{k-color(primary)}) !default;
197
197
 
198
198
  /// The text color of the Gantt delayed task.
199
199
  /// @group gantt
200
- $kendo-gantt-delayed-text: k-color(app-surface) !default;
200
+ $kendo-gantt-delayed-text: var(--kendo-gantt-delayed-text, #{k-color(app-surface)}) !default;
201
201
  /// The background color of the Gantt delayed task.
202
202
  /// @group gantt
203
- $kendo-gantt-delayed-bg: k-color(error-emphasis) !default;
203
+ $kendo-gantt-delayed-bg: var(--kendo-gantt-delayed-bg, #{k-color(error-emphasis)}) !default;
204
204
  /// The complement background color of the Gantt delayed task.
205
205
  /// @group gantt
206
- $kendo-gantt-delayed-bg-lighter: k-color(error) !default;
206
+ $kendo-gantt-delayed-bg-lighter: var(--kendo-gantt-delayed-bg-lighter, #{k-color(error)}) !default;
207
207
  /// The background color of the hovered Gantt delayed task.
208
208
  /// @group gantt
209
- $kendo-gantt-delayed-hover-bg: k-color(error-on-subtle) !default;
209
+ $kendo-gantt-delayed-hover-bg: var(--kendo-gantt-delayed-hover-bg, #{k-color(error-on-subtle)}) !default;
210
210
 
211
211
  /// The background color of the Gantt advanced task.
212
212
  /// @group gantt
213
- $kendo-gantt-advanced-bg: k-color(success-emphasis) !default;
213
+ $kendo-gantt-advanced-bg: var(--kendo-gantt-advanced-bg, #{k-color(success-emphasis)}) !default;
214
214
  /// The complement background color of the Gantt advanced task.
215
215
  /// @group gantt
216
- $kendo-gantt-advanced-bg-lighter: k-color(success) !default;
216
+ $kendo-gantt-advanced-bg-lighter: var(--kendo-gantt-advanced-bg-lighter, #{k-color(success)}) !default;
217
217
  /// The background color of the hovered Gantt advanced task.
218
218
  /// @group gantt
219
- $kendo-gantt-advanced-hover-bg: k-color(success-on-subtle) !default;
219
+ $kendo-gantt-advanced-hover-bg: var(--kendo-gantt-advanced-hover-bg, #{k-color(success-on-subtle)}) !default;
220
220
 
221
221
  /// The text color of the Gantt delayed task action.
222
222
  /// @group gantt
223
- $kendo-gantt-action-on-offset-text: k-color(on-app-surface) !default;
223
+ $kendo-gantt-action-on-offset-text: var(--kendo-gantt-action-on-offset-text, #{k-color(on-app-surface)}) !default;
224
224
  /// The top position of the Gantt delayed task resize handler.
225
225
  /// @group gantt
226
- $kendo-gantt-offset-resize-handler-top: 50% !default;
226
+ $kendo-gantt-offset-resize-handler-top: var(--kendo-gantt-offset-resize-handler-top, 50%) !default;
227
227
 
228
228
  /// The default width of the Gantt validation Tooltip.
229
229
  /// @group gantt
230
- $kendo-gantt-validation-tooltip-width: 200px !default;
230
+ $kendo-gantt-validation-tooltip-width: var(--kendo-gantt-validation-tooltip-width, 200px) !default;
231
231
  /// The default width of the Gantt validation Tooltip label.
232
232
  /// @group gantt
233
- $kendo-gantt-validation-tooltip-label-width: 50px !default;
233
+ $kendo-gantt-validation-tooltip-label-width: var(--kendo-gantt-validation-tooltip-label-width, 50px) !default;
234
234
  /// The border color of the Gantt validation Tooltip.
235
235
  /// @group gantt
236
- $kendo-gantt-validation-tooltip-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
236
+ $kendo-gantt-validation-tooltip-border: var(--kendo-gantt-validation-tooltip-border, #{color-mix(in srgb, k-color(border) 16%, transparent)}) !default;
237
237
  /// The border color of the valid Gantt validation Tooltip.
238
238
  /// @group gantt
239
- $kendo-gantt-validation-tooltip-valid-border: k-color(success) !default;
239
+ $kendo-gantt-validation-tooltip-valid-border: var(--kendo-gantt-validation-tooltip-valid-border, #{k-color(success)}) !default;
240
240
  /// The border color of the invalid Gantt validation Tooltip.
241
241
  /// @group gantt
242
- $kendo-gantt-validation-tooltip-invalid-border: k-color(error) !default;
242
+ $kendo-gantt-validation-tooltip-invalid-border: var(--kendo-gantt-validation-tooltip-invalid-border, #{k-color(error)}) !default;
243
+
244
+ @forward "@progress/kendo-theme-core/scss/components/gantt/_variables.scss" with (
245
+ $kendo-gantt-border-width: $kendo-gantt-border-width,
246
+ $kendo-gantt-font-family: $kendo-gantt-font-family,
247
+ $kendo-gantt-font-size: $kendo-gantt-font-size,
248
+ $kendo-gantt-line-height: $kendo-gantt-line-height,
249
+ $kendo-gantt-bg: $kendo-gantt-bg,
250
+ $kendo-gantt-text: $kendo-gantt-text,
251
+ $kendo-gantt-border: $kendo-gantt-border,
252
+ $kendo-gantt-nonwork-bg: $kendo-gantt-nonwork-bg,
253
+ $kendo-gantt-nonwork-text: $kendo-gantt-nonwork-text,
254
+ $kendo-gantt-nonwork-border: $kendo-gantt-nonwork-border,
255
+ $kendo-gantt-line-size: $kendo-gantt-line-size,
256
+ $kendo-gantt-line-fill: $kendo-gantt-line-fill,
257
+ $kendo-gantt-line-selected-fill: $kendo-gantt-line-selected-fill,
258
+ $kendo-gantt-dot-size: $kendo-gantt-dot-size,
259
+ $kendo-gantt-dot-spacing: $kendo-gantt-dot-spacing,
260
+ $kendo-gantt-dot-bg: $kendo-gantt-dot-bg,
261
+ $kendo-gantt-dot-border: $kendo-gantt-dot-border,
262
+ $kendo-gantt-dot-hover-bg: $kendo-gantt-dot-hover-bg,
263
+ $kendo-gantt-dot-hover-border: $kendo-gantt-dot-hover-border,
264
+ $kendo-gantt-milestone-bg: $kendo-gantt-milestone-bg,
265
+ $kendo-gantt-milestone-border: $kendo-gantt-milestone-border,
266
+ $kendo-gantt-milestone-selected-bg: $kendo-gantt-milestone-selected-bg,
267
+ $kendo-gantt-milestone-selected-border: $kendo-gantt-milestone-selected-border,
268
+ $kendo-gantt-summary-bg: $kendo-gantt-summary-bg,
269
+ $kendo-gantt-summary-progress-bg: $kendo-gantt-summary-progress-bg,
270
+ $kendo-gantt-summary-selected-bg: $kendo-gantt-summary-selected-bg,
271
+ $kendo-gantt-summary-progress-selected-bg: $kendo-gantt-summary-progress-selected-bg,
272
+ $kendo-gantt-task-border-width: $kendo-gantt-task-border-width,
273
+ $kendo-gantt-task-padding-x: $kendo-gantt-task-padding-x,
274
+ $kendo-gantt-task-padding-y: $kendo-gantt-task-padding-y,
275
+ $kendo-gantt-task-bg: $kendo-gantt-task-bg,
276
+ $kendo-gantt-task-text: $kendo-gantt-task-text,
277
+ $kendo-gantt-task-border: $kendo-gantt-task-border,
278
+ $kendo-gantt-task-progress-bg: $kendo-gantt-task-progress-bg,
279
+ $kendo-gantt-task-selected-bg: $kendo-gantt-task-selected-bg,
280
+ $kendo-gantt-task-selected-text: $kendo-gantt-task-selected-text,
281
+ $kendo-gantt-task-selected-border: $kendo-gantt-task-selected-border,
282
+ $kendo-gantt-task-progress-selected-bg: $kendo-gantt-task-progress-selected-bg,
283
+ $kendo-gantt-planned-margin-y: $kendo-gantt-planned-margin-y,
284
+ $kendo-gantt-planned-border-width: $kendo-gantt-planned-border-width,
285
+ $kendo-gantt-planned-line-height: $kendo-gantt-planned-line-height,
286
+ $kendo-gantt-planned-dependency-margin-y: $kendo-gantt-planned-dependency-margin-y,
287
+ $kendo-gantt-planned-moment-width: $kendo-gantt-planned-moment-width,
288
+ $kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-height,
289
+ $kendo-gantt-planned-moment-border-radius: $kendo-gantt-planned-moment-border-radius,
290
+ $kendo-gantt-planned-moment-left-margin-x: $kendo-gantt-planned-moment-left-margin-x,
291
+ $kendo-gantt-planned-milestone-moment-margin-x: $kendo-gantt-planned-milestone-moment-margin-x,
292
+ $kendo-gantt-planned-duration-height: $kendo-gantt-planned-duration-height,
293
+ $kendo-gantt-planned-duration-hover-height: $kendo-gantt-planned-duration-hover-height,
294
+ $kendo-gantt-planned-single-drag-hint-top: $kendo-gantt-planned-single-drag-hint-top,
295
+ $kendo-gantt-planned-summary-drag-hint-top: $kendo-gantt-planned-summary-drag-hint-top,
296
+ $kendo-gantt-planned-milestone-drag-hint-top: $kendo-gantt-planned-milestone-drag-hint-top,
297
+ $kendo-gantt-planned-offset-resize-handler-margin-x: $kendo-gantt-planned-offset-resize-handler-margin-x,
298
+ $kendo-gantt-planned-bg: $kendo-gantt-planned-bg,
299
+ $kendo-gantt-planned-border: $kendo-gantt-planned-border,
300
+ $kendo-gantt-delayed-bg: $kendo-gantt-delayed-bg,
301
+ $kendo-gantt-delayed-bg-lighter: $kendo-gantt-delayed-bg-lighter,
302
+ $kendo-gantt-advanced-bg: $kendo-gantt-advanced-bg,
303
+ $kendo-gantt-advanced-bg-lighter: $kendo-gantt-advanced-bg-lighter,
304
+ $kendo-gantt-action-on-offset-text: $kendo-gantt-action-on-offset-text,
305
+ $kendo-gantt-offset-resize-handler-top: $kendo-gantt-offset-resize-handler-top,
306
+ $kendo-gantt-validation-tooltip-width: $kendo-gantt-validation-tooltip-width,
307
+ $kendo-gantt-validation-tooltip-label-width: $kendo-gantt-validation-tooltip-label-width,
308
+ $kendo-gantt-validation-tooltip-border: $kendo-gantt-validation-tooltip-border,
309
+ $kendo-gantt-validation-tooltip-valid-border: $kendo-gantt-validation-tooltip-valid-border,
310
+ $kendo-gantt-validation-tooltip-invalid-border: $kendo-gantt-validation-tooltip-invalid-border
311
+ );