@progress/kendo-theme-default 5.12.1-dev.1 → 5.12.1-dev.3

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 (303) hide show
  1. package/dist/all.css +11342 -11738
  2. package/dist/all.scss +11297 -11990
  3. package/dist/default-blue.scss +27 -29
  4. package/dist/default-dataviz-v4.scss +6 -7
  5. package/dist/default-green.scss +27 -29
  6. package/dist/default-main-dark.scss +27 -30
  7. package/dist/default-main.scss +27 -29
  8. package/dist/default-nordic.scss +27 -29
  9. package/dist/default-ocean-blue-a11y.scss +42 -0
  10. package/dist/default-ocean-blue.scss +29 -35
  11. package/dist/default-orange.scss +27 -29
  12. package/dist/default-purple.scss +27 -29
  13. package/dist/default-turquoise.scss +27 -29
  14. package/dist/default-urban.scss +27 -29
  15. package/lib/swatches/default-blue.json +32 -41
  16. package/lib/swatches/default-dataviz-v4.json +8 -7
  17. package/lib/swatches/default-green.json +33 -41
  18. package/lib/swatches/default-main-dark.json +31 -49
  19. package/lib/swatches/default-main.json +33 -41
  20. package/lib/swatches/default-nordic.json +33 -41
  21. package/lib/swatches/default-ocean-blue-a11y.json +258 -0
  22. package/lib/swatches/default-ocean-blue.json +35 -64
  23. package/lib/swatches/default-orange.json +33 -41
  24. package/lib/swatches/default-purple.json +33 -41
  25. package/lib/swatches/default-turquoise.json +33 -41
  26. package/lib/swatches/default-urban.json +33 -41
  27. package/package.json +5 -5
  28. package/scss/_variables.scss +96 -42
  29. package/scss/action-buttons/_layout.scss +4 -4
  30. package/scss/action-buttons/_theme.scss +4 -4
  31. package/scss/action-buttons/_variables.scss +9 -9
  32. package/scss/action-sheet/_layout.scss +41 -41
  33. package/scss/action-sheet/_theme.scss +27 -27
  34. package/scss/action-sheet/_variables.scss +64 -63
  35. package/scss/adaptive/_layout.scss +11 -15
  36. package/scss/adaptive/_theme.scss +12 -12
  37. package/scss/adaptive/_variables.scss +18 -18
  38. package/scss/appbar/_variables.scss +3 -3
  39. package/scss/avatar/_variables.scss +3 -3
  40. package/scss/badge/_index.scss +1 -1
  41. package/scss/badge/_variables.scss +32 -32
  42. package/scss/bottom-navigation/_index.scss +1 -1
  43. package/scss/bottom-navigation/_layout.scss +17 -17
  44. package/scss/bottom-navigation/_theme.scss +4 -4
  45. package/scss/bottom-navigation/_variables.scss +23 -23
  46. package/scss/breadcrumb/_layout.scss +16 -16
  47. package/scss/breadcrumb/_theme.scss +42 -24
  48. package/scss/breadcrumb/_variables.scss +46 -41
  49. package/scss/button/_index.scss +0 -1
  50. package/scss/button/_layout.scss +2 -2
  51. package/scss/button/_theme.scss +7 -7
  52. package/scss/button/_variables.scss +37 -34
  53. package/scss/calendar/_layout.scss +49 -53
  54. package/scss/calendar/_theme.scss +52 -52
  55. package/scss/calendar/_variables.scss +104 -103
  56. package/scss/captcha/_index.scss +1 -1
  57. package/scss/captcha/_layout.scss +10 -10
  58. package/scss/captcha/_theme.scss +3 -3
  59. package/scss/captcha/_variables.scss +14 -14
  60. package/scss/card/_index.scss +2 -2
  61. package/scss/card/_layout.scss +45 -45
  62. package/scss/card/_theme.scss +15 -15
  63. package/scss/card/_variables.scss +55 -55
  64. package/scss/chat/_layout.scss +59 -59
  65. package/scss/chat/_theme.scss +28 -28
  66. package/scss/chat/_variables.scss +57 -57
  67. package/scss/checkbox/_index.scss +0 -2
  68. package/scss/checkbox/_theme.scss +2 -2
  69. package/scss/checkbox/_variables.scss +4 -1
  70. package/scss/chip/_index.scss +0 -1
  71. package/scss/chip/_layout.scss +1 -1
  72. package/scss/chip/_theme.scss +13 -13
  73. package/scss/chip/_variables.scss +32 -29
  74. package/scss/color-preview/_layout.scss +6 -6
  75. package/scss/color-preview/_theme.scss +4 -4
  76. package/scss/color-preview/_variables.scss +11 -11
  77. package/scss/coloreditor/_layout.scss +18 -18
  78. package/scss/coloreditor/_theme.scss +6 -6
  79. package/scss/coloreditor/_variables.scss +24 -24
  80. package/scss/colorgradient/_index.scss +2 -2
  81. package/scss/colorgradient/_layout.scss +39 -39
  82. package/scss/colorgradient/_theme.scss +13 -13
  83. package/scss/colorgradient/_variables.scss +50 -50
  84. package/scss/colorpalette/_index.scss +1 -1
  85. package/scss/colorpalette/_layout.scss +5 -5
  86. package/scss/colorpalette/_theme.scss +3 -3
  87. package/scss/colorpalette/_variables.scss +8 -8
  88. package/scss/common/_base.scss +1 -1
  89. package/scss/common/_dragdrop.scss +13 -13
  90. package/scss/common/_index.scss +0 -2
  91. package/scss/dataviz/_index.scss +0 -1
  92. package/scss/dataviz/_layout.scss +75 -75
  93. package/scss/dataviz/_theme.scss +20 -18
  94. package/scss/dataviz/_variables.scss +101 -97
  95. package/scss/datetimepicker/_layout.scss +3 -3
  96. package/scss/datetimepicker/_variables.scss +1 -1
  97. package/scss/dialog/_variables.scss +3 -3
  98. package/scss/draggable/_layout.scss +23 -23
  99. package/scss/draggable/_theme.scss +5 -5
  100. package/scss/draggable/_variables.scss +20 -20
  101. package/scss/drawer/_theme.scss +1 -1
  102. package/scss/drawer/_variables.scss +5 -5
  103. package/scss/dropdowngrid/_index.scss +4 -7
  104. package/scss/dropdowngrid/_variables.scss +1 -0
  105. package/scss/dropdowntree/_layout.scss +2 -2
  106. package/scss/dropdowntree/_variables.scss +2 -2
  107. package/scss/dropzone/_layout.scss +12 -12
  108. package/scss/dropzone/_theme.scss +7 -7
  109. package/scss/dropzone/_variables.scss +21 -20
  110. package/scss/editor/_layout.scss +3 -3
  111. package/scss/editor/_variables.scss +3 -3
  112. package/scss/expansion-panel/_index.scss +2 -2
  113. package/scss/expansion-panel/_layout.scss +9 -9
  114. package/scss/expansion-panel/_theme.scss +12 -12
  115. package/scss/expansion-panel/_variables.scss +22 -22
  116. package/scss/fab/_index.scss +1 -1
  117. package/scss/fab/_layout.scss +4 -4
  118. package/scss/fab/_theme.scss +14 -6
  119. package/scss/fab/_variables.scss +10 -10
  120. package/scss/filemanager/_layout.scss +26 -26
  121. package/scss/filemanager/_theme.scss +31 -31
  122. package/scss/filemanager/_variables.scss +59 -59
  123. package/scss/filter/_layout.scss +15 -15
  124. package/scss/filter/_theme.scss +3 -3
  125. package/scss/filter/_variables.scss +8 -8
  126. package/scss/floating-label/_layout.scss +19 -19
  127. package/scss/floating-label/_theme.scss +4 -4
  128. package/scss/floating-label/_variables.scss +14 -14
  129. package/scss/forms/_index.scss +0 -4
  130. package/scss/forms/_layout.scss +15 -11
  131. package/scss/forms/_variables.scss +19 -12
  132. package/scss/gantt/_index.scss +1 -1
  133. package/scss/gantt/_layout.scss +49 -44
  134. package/scss/gantt/_theme.scss +60 -60
  135. package/scss/gantt/_variables.scss +96 -92
  136. package/scss/grid/_index.scss +2 -2
  137. package/scss/grid/_layout.scss +19 -19
  138. package/scss/grid/_theme.scss +8 -8
  139. package/scss/grid/_variables.scss +80 -80
  140. package/scss/icons/_layout.scss +6 -1093
  141. package/scss/imageeditor/_layout.scss +19 -19
  142. package/scss/imageeditor/_theme.scss +13 -13
  143. package/scss/imageeditor/_variables.scss +31 -31
  144. package/scss/input/_layout.scss +1 -1
  145. package/scss/input/_theme.scss +24 -24
  146. package/scss/input/_variables.scss +36 -36
  147. package/scss/list/_layout.scss +2 -2
  148. package/scss/list/_theme.scss +1 -1
  149. package/scss/list/_variables.scss +66 -72
  150. package/scss/listbox/_variables.scss +3 -3
  151. package/scss/listgroup/_layout.scss +15 -15
  152. package/scss/listgroup/_theme.scss +3 -3
  153. package/scss/listgroup/_variables.scss +10 -10
  154. package/scss/listview/_index.scss +2 -2
  155. package/scss/listview/_theme.scss +1 -1
  156. package/scss/listview/_variables.scss +3 -3
  157. package/scss/loader/_layout.scss +40 -40
  158. package/scss/loader/_variables.scss +31 -30
  159. package/scss/map/_index.scss +1 -1
  160. package/scss/map/_layout.scss +16 -16
  161. package/scss/map/_theme.scss +5 -5
  162. package/scss/map/_variables.scss +21 -21
  163. package/scss/mediaplayer/_layout.scss +5 -5
  164. package/scss/mediaplayer/_theme.scss +6 -6
  165. package/scss/mediaplayer/_variables.scss +13 -13
  166. package/scss/menu/_layout.scss +39 -39
  167. package/scss/menu/_theme.scss +26 -26
  168. package/scss/menu/_variables.scss +67 -66
  169. package/scss/messagebox/_layout.scss +7 -7
  170. package/scss/messagebox/_theme.scss +3 -3
  171. package/scss/messagebox/_variables.scss +11 -11
  172. package/scss/multiselect/_index.scss +0 -1
  173. package/scss/notification/_variables.scss +5 -5
  174. package/scss/orgchart/_index.scss +1 -1
  175. package/scss/orgchart/_layout.scss +26 -26
  176. package/scss/orgchart/_theme.scss +13 -13
  177. package/scss/orgchart/_variables.scss +56 -56
  178. package/scss/overlay/_layout.scss +1 -1
  179. package/scss/overlay/_theme.scss +2 -2
  180. package/scss/overlay/_variables.scss +3 -3
  181. package/scss/pager/_index.scss +0 -2
  182. package/scss/pager/_layout.scss +1 -1
  183. package/scss/pager/_theme.scss +6 -6
  184. package/scss/pager/_variables.scss +38 -34
  185. package/scss/panelbar/_layout.scss +17 -17
  186. package/scss/panelbar/_theme.scss +70 -70
  187. package/scss/panelbar/_variables.scss +104 -103
  188. package/scss/pdf-viewer/_index.scss +1 -2
  189. package/scss/pdf-viewer/_layout.scss +13 -13
  190. package/scss/pdf-viewer/_theme.scss +21 -21
  191. package/scss/pdf-viewer/_variables.scss +45 -44
  192. package/scss/pivotgrid/_index.scss +5 -5
  193. package/scss/pivotgrid/_layout.scss +45 -45
  194. package/scss/pivotgrid/_theme.scss +52 -52
  195. package/scss/pivotgrid/_variables.scss +89 -86
  196. package/scss/popover/_layout.scss +19 -17
  197. package/scss/popover/_theme.scss +7 -7
  198. package/scss/popover/_variables.scss +26 -26
  199. package/scss/popup/_layout.scss +7 -7
  200. package/scss/popup/_theme.scss +4 -4
  201. package/scss/popup/_variables.scss +12 -12
  202. package/scss/progressbar/_layout.scss +1 -1
  203. package/scss/progressbar/_variables.scss +2 -2
  204. package/scss/radio/_index.scss +0 -3
  205. package/scss/radio/_theme.scss +2 -2
  206. package/scss/radio/_variables.scss +5 -1
  207. package/scss/rating/_layout.scss +11 -11
  208. package/scss/rating/_theme.scss +6 -6
  209. package/scss/rating/_variables.scss +17 -16
  210. package/scss/scheduler/_layout.scss +36 -55
  211. package/scss/scheduler/_theme.scss +51 -51
  212. package/scss/scheduler/_variables.scss +93 -93
  213. package/scss/scrollview/_layout.scss +16 -16
  214. package/scss/scrollview/_theme.scss +23 -23
  215. package/scss/scrollview/_variables.scss +32 -32
  216. package/scss/signature/_variables.scss +18 -18
  217. package/scss/skeleton/_layout.scss +4 -4
  218. package/scss/skeleton/_theme.scss +2 -2
  219. package/scss/skeleton/_variables.scss +6 -6
  220. package/scss/slider/_layout.scss +26 -26
  221. package/scss/slider/_theme.scss +21 -21
  222. package/scss/slider/_variables.scss +44 -44
  223. package/scss/split-button/_layout.scss +3 -4
  224. package/scss/split-button/_theme.scss +1 -1
  225. package/scss/split-button/_variables.scss +6 -6
  226. package/scss/splitter/_layout.scss +15 -15
  227. package/scss/splitter/_theme.scss +10 -10
  228. package/scss/splitter/_variables.scss +18 -18
  229. package/scss/spreadsheet/_layout.scss +30 -30
  230. package/scss/spreadsheet/_theme.scss +20 -20
  231. package/scss/spreadsheet/_variables.scss +29 -29
  232. package/scss/stepper/_layout.scss +36 -37
  233. package/scss/stepper/_theme.scss +44 -45
  234. package/scss/stepper/_variables.scss +86 -86
  235. package/scss/switch/_index.scss +1 -1
  236. package/scss/switch/_theme.scss +10 -2
  237. package/scss/switch/_variables.scss +7 -7
  238. package/scss/table/_index.scss +0 -8
  239. package/scss/table/_theme.scss +1 -1
  240. package/scss/table/_variables.scss +21 -18
  241. package/scss/tabstrip/_layout.scss +31 -31
  242. package/scss/tabstrip/_theme.scss +26 -26
  243. package/scss/tabstrip/_variables.scss +42 -41
  244. package/scss/taskboard/_index.scss +1 -1
  245. package/scss/taskboard/_layout.scss +34 -34
  246. package/scss/taskboard/_theme.scss +32 -32
  247. package/scss/taskboard/_variables.scss +93 -93
  248. package/scss/tilelayout/_layout.scss +4 -4
  249. package/scss/tilelayout/_theme.scss +4 -4
  250. package/scss/tilelayout/_variables.scss +8 -8
  251. package/scss/timedurationpicker/_index.scss +1 -1
  252. package/scss/timeline/_layout.scss +55 -55
  253. package/scss/timeline/_theme.scss +15 -15
  254. package/scss/timeline/_variables.scss +50 -50
  255. package/scss/timeselector/_layout.scss +18 -18
  256. package/scss/timeselector/_theme.scss +13 -11
  257. package/scss/timeselector/_variables.scss +37 -36
  258. package/scss/toolbar/_layout.scss +11 -11
  259. package/scss/toolbar/_theme.scss +2 -2
  260. package/scss/toolbar/_variables.scss +24 -24
  261. package/scss/tooltip/_layout.scss +22 -22
  262. package/scss/tooltip/_theme.scss +25 -25
  263. package/scss/tooltip/_variables.scss +29 -29
  264. package/scss/treelist/_index.scss +1 -1
  265. package/scss/treeview/_layout.scss +6 -6
  266. package/scss/treeview/_theme.scss +2 -2
  267. package/scss/treeview/_variables.scss +30 -30
  268. package/scss/typography/_index.scss +0 -1
  269. package/scss/typography/_layout.scss +77 -77
  270. package/scss/typography/_theme.scss +3 -3
  271. package/scss/typography/_variables.scss +84 -128
  272. package/scss/upload/_index.scss +0 -1
  273. package/scss/upload/_layout.scss +1 -1
  274. package/scss/upload/_theme.scss +5 -1
  275. package/scss/upload/_variables.scss +6 -5
  276. package/scss/utils/_index.scss +0 -22
  277. package/scss/validator/_layout.scss +1 -1
  278. package/scss/window/_theme.scss +1 -1
  279. package/scss/window/_variables.scss +9 -5
  280. package/scss/wizard/_layout.scss +11 -11
  281. package/scss/wizard/_theme.scss +1 -1
  282. package/scss/wizard/_variables.scss +10 -10
  283. package/scss/icons/font/WebComponentsIcons.scss +0 -3
  284. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  285. package/scss/utils/_aspect-ratio.scss +0 -32
  286. package/scss/utils/_border.scss +0 -109
  287. package/scss/utils/_display.scss +0 -41
  288. package/scss/utils/_flex.scss +0 -189
  289. package/scss/utils/_float.scss +0 -85
  290. package/scss/utils/_grid.scss +0 -45
  291. package/scss/utils/_order.scss +0 -54
  292. package/scss/utils/_overflow.scss +0 -87
  293. package/scss/utils/_pointer-events.scss +0 -30
  294. package/scss/utils/_position.scss +0 -209
  295. package/scss/utils/_resize.scss +0 -47
  296. package/scss/utils/_spacer.scss +0 -16
  297. package/scss/utils/_spacing.scss +0 -162
  298. package/scss/utils/_table-layout.scss +0 -17
  299. package/scss/utils/_text.scss +0 -154
  300. package/scss/utils/_theme-colors.scss +0 -47
  301. package/scss/utils/_touch-action.scss +0 -30
  302. package/scss/utils/_transform.scss +0 -105
  303. package/scss/utils/_user-select.scss +0 -51
package/scss/list/_variables.scss CHANGED
@@ -3,32 +3,30 @@
3
3
  /// Font size of the list component, if no size is set.
4
4
  /// @group list
5
5
  $kendo-list-font-size: null !default;
6
- $kendo-list-font-size-sm: $font-size-md !default;
7
- $kendo-list-font-size-md: $font-size-md !default;
8
- $kendo-list-font-size-lg: $font-size-lg !default;
6
+ $kendo-list-sm-font-size: $kendo-font-size-md !default;
7
+ $kendo-list-md-font-size: $kendo-font-size-md !default;
8
+ $kendo-list-lg-font-size: $kendo-font-size-lg !default;
9
9
 
10
10
  /// Line height of the list component, if no size is set.
11
11
  /// @group list
12
12
  $kendo-list-line-height: null !default;
13
- $kendo-list-line-height-sm: $line-height-md !default;
14
- $kendo-list-line-height-md: $line-height-md !default;
15
- $kendo-list-line-height-lg: $line-height-lg !default;
13
+ $kendo-list-sm-line-height: $kendo-line-height-md !default;
14
+ $kendo-list-md-line-height: $kendo-line-height-md !default;
15
+ $kendo-list-lg-line-height: $kendo-line-height-lg !default;
16
16
 
17
17
  /// Horizontal padding of list header, if no size is set.
18
18
  /// @group list
19
19
  $kendo-list-header-padding-x: null !default;
20
- $kendo-list-header-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
21
- $kendo-list-header-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
22
- $kendo-list-header-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
23
- $kendo-list-header-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
20
+ $kendo-list-sm-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
21
+ $kendo-list-md-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
22
+ $kendo-list-lg-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
24
23
 
25
24
  /// Vertical padding of list header, if no size is set.
26
25
  /// @group list
27
26
  $kendo-list-header-padding-y: null !default;
28
- $kendo-list-header-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
29
- $kendo-list-header-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
30
- $kendo-list-header-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
31
- $kendo-list-header-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
27
+ $kendo-list-sm-header-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
28
+ $kendo-list-md-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
29
+ $kendo-list-lg-header-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
32
30
 
33
31
  /// Border width of list header.
34
32
  /// @group list
@@ -37,16 +35,16 @@ $kendo-list-header-border-width: 0 0 1px !default;
37
35
  /// Font size of list header, if no size is set.
38
36
  /// @group list
39
37
  $kendo-list-header-font-size: null !default;
40
- $kendo-list-header-font-size-sm: null !default;
41
- $kendo-list-header-font-size-md: null !default;
42
- $kendo-list-header-font-size-lg: null !default;
38
+ $kendo-list-sm-header-font-size: null !default;
39
+ $kendo-list-md-header-font-size: null !default;
40
+ $kendo-list-lg-header-font-size: null !default;
43
41
 
44
42
  /// Line height of list header, if no size is set.
45
43
  /// @group list
46
44
  $kendo-list-header-line-height: null !default;
47
- $kendo-list-header-line-height-sm: null !default;
48
- $kendo-list-header-line-height-md: null !default;
49
- $kendo-list-header-line-height-lg: null !default;
45
+ $kendo-list-sm-header-line-height: null !default;
46
+ $kendo-list-md-header-line-height: null !default;
47
+ $kendo-list-lg-header-line-height: null !default;
50
48
 
51
49
  /// Font weight of list header.
52
50
  /// @group list
@@ -55,48 +53,44 @@ $kendo-list-header-font-weight: null !default;
55
53
  /// Horizontal padding of list items, when no size is set.
56
54
  /// @group list
57
55
  $kendo-list-item-padding-x: null !default;
58
- $kendo-list-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
59
- $kendo-list-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
60
- $kendo-list-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
61
- $kendo-list-item-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
56
+ $kendo-list-sm-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
57
+ $kendo-list-md-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
58
+ $kendo-list-lg-item-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
62
59
 
63
60
  /// Vertical padding of list items, when no size is set.
64
61
  /// @group list
65
62
  $kendo-list-item-padding-y: null !default;
66
- $kendo-list-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
67
- $kendo-list-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
68
- $kendo-list-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
69
- $kendo-list-item-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
63
+ $kendo-list-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
64
+ $kendo-list-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
65
+ $kendo-list-lg-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
70
66
 
71
67
  /// Font size of list items, if no size is set.
72
68
  /// @group list
73
69
  $kendo-list-item-font-size: null !default;
74
- $kendo-list-item-font-size-sm: null !default;
75
- $kendo-list-item-font-size-md: null !default;
76
- $kendo-list-item-font-size-lg: null !default;
70
+ $kendo-list-sm-item-font-size: null !default;
71
+ $kendo-list-md-item-font-size: null !default;
72
+ $kendo-list-lg-item-font-size: null !default;
77
73
 
78
74
  /// Line height of list items, if no size is set.
79
75
  /// @group list
80
76
  $kendo-list-item-line-height: null !default;
81
- $kendo-list-item-line-height-sm: null !default;
82
- $kendo-list-item-line-height-md: null !default;
83
- $kendo-list-item-line-height-lg: null !default;
77
+ $kendo-list-sm-item-line-height: null !default;
78
+ $kendo-list-md-item-line-height: null !default;
79
+ $kendo-list-lg-item-line-height: null !default;
84
80
 
85
81
  /// Horizontal padding of list group items, when no size is set.
86
82
  /// @group list
87
83
  $kendo-list-group-item-padding-x: null !default;
88
- $kendo-list-group-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
89
- $kendo-list-group-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
90
- $kendo-list-group-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
91
- $kendo-list-group-item-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
84
+ $kendo-list-sm-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
85
+ $kendo-list-md-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
86
+ $kendo-list-lg-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
92
87
 
93
88
  /// Vertical padding of list group items, when no size is set.
94
89
  /// @group list
95
90
  $kendo-list-group-item-padding-y: null !default;
96
- $kendo-list-group-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
97
- $kendo-list-group-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
98
- $kendo-list-group-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
99
- $kendo-list-group-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
91
+ $kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
92
+ $kendo-list-md-group-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
93
+ $kendo-list-lg-group-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
100
94
 
101
95
  /// Border width of list group items.
102
96
  /// @group list
@@ -105,16 +99,16 @@ $kendo-list-group-item-border-width: 1px 0 0 !default;
105
99
  /// Font size of list group items, if no size is set.
106
100
  /// @group list
107
101
  $kendo-list-group-item-font-size: null !default;
108
- $kendo-list-group-item-font-size-sm: null !default;
109
- $kendo-list-group-item-font-size-md: null !default;
110
- $kendo-list-group-item-font-size-lg: null !default;
102
+ $kendo-list-sm-group-item-font-size: null !default;
103
+ $kendo-list-md-group-item-font-size: null !default;
104
+ $kendo-list-lg-group-item-font-size: null !default;
111
105
 
112
106
  /// Line height of list group items, if no size is set.
113
107
  /// @group list
114
108
  $kendo-list-group-item-line-height: null !default;
115
- $kendo-list-group-item-line-height-sm: null !default;
116
- $kendo-list-group-item-line-height-md: null !default;
117
- $kendo-list-group-item-line-height-lg: null !default;
109
+ $kendo-list-sm-group-item-line-height: null !default;
110
+ $kendo-list-md-group-item-line-height: null !default;
111
+ $kendo-list-lg-group-item-line-height: null !default;
118
112
 
119
113
  /// Font weight of list group item.
120
114
  /// @group list
@@ -124,50 +118,50 @@ $kendo-list-group-item-font-weight: null !default;
124
118
  // Kendo list sizes
125
119
  $kendo-list-sizes: (
126
120
  sm: (
127
- font-size: $kendo-list-font-size-sm,
128
- line-height: $kendo-list-line-height-sm,
129
- header-padding-x: $kendo-list-header-padding-x-sm,
130
- header-padding-y: $kendo-list-header-padding-y-sm,
121
+ font-size: $kendo-list-sm-font-size,
122
+ line-height: $kendo-list-sm-line-height,
123
+ header-padding-x: $kendo-list-sm-header-padding-x,
124
+ header-padding-y: $kendo-list-sm-header-padding-y,
131
125
  header-font-size: null,
132
126
  header-line-height: null,
133
- item-padding-x: $kendo-list-item-padding-x-sm,
134
- item-padding-y: $kendo-list-item-padding-y-sm,
127
+ item-padding-x: $kendo-list-sm-item-padding-x,
128
+ item-padding-y: $kendo-list-sm-item-padding-y,
135
129
  item-font-size: null,
136
130
  item-line-height: null,
137
- group-item-padding-x: $kendo-list-group-item-padding-x-sm,
138
- group-item-padding-y: $kendo-list-group-item-padding-y-sm,
131
+ group-item-padding-x: $kendo-list-sm-group-item-padding-x,
132
+ group-item-padding-y: $kendo-list-sm-group-item-padding-y,
139
133
  group-item-font-size: null,
140
134
  group-item-line-height: null
141
135
  ),
142
136
  md: (
143
- font-size: $kendo-list-font-size-md,
144
- line-height: $kendo-list-line-height-md,
145
- header-padding-x: $kendo-list-header-padding-x-md,
146
- header-padding-y: $kendo-list-header-padding-y-md,
137
+ font-size: $kendo-list-md-font-size,
138
+ line-height: $kendo-list-md-line-height,
139
+ header-padding-x: $kendo-list-md-header-padding-x,
140
+ header-padding-y: $kendo-list-md-header-padding-y,
147
141
  header-font-size: null,
148
142
  header-line-height: null,
149
- item-padding-x: $kendo-list-item-padding-x-md,
150
- item-padding-y: $kendo-list-item-padding-y-md,
143
+ item-padding-x: $kendo-list-md-item-padding-x,
144
+ item-padding-y: $kendo-list-md-item-padding-y,
151
145
  item-font-size: null,
152
146
  item-line-height: null,
153
- group-item-padding-x: $kendo-list-group-item-padding-x-md,
154
- group-item-padding-y: $kendo-list-group-item-padding-y-md,
147
+ group-item-padding-x: $kendo-list-md-group-item-padding-x,
148
+ group-item-padding-y: $kendo-list-md-group-item-padding-y,
155
149
  group-item-font-size: null,
156
150
  group-item-line-height: null
157
151
  ),
158
152
  lg: (
159
- font-size: $kendo-list-font-size-lg,
160
- line-height: $kendo-list-line-height-lg,
161
- header-padding-x: $kendo-list-header-padding-x-lg,
162
- header-padding-y: $kendo-list-header-padding-y-lg,
153
+ font-size: $kendo-list-lg-font-size,
154
+ line-height: $kendo-list-lg-line-height,
155
+ header-padding-x: $kendo-list-lg-header-padding-x,
156
+ header-padding-y: $kendo-list-lg-header-padding-y,
163
157
  header-font-size: null,
164
158
  header-line-height: null,
165
- item-padding-x: $kendo-list-item-padding-x-lg,
166
- item-padding-y: $kendo-list-item-padding-y-lg,
159
+ item-padding-x: $kendo-list-lg-item-padding-x,
160
+ item-padding-y: $kendo-list-lg-item-padding-y,
167
161
  item-font-size: null,
168
162
  item-line-height: null,
169
- group-item-padding-x: $kendo-list-group-item-padding-x-lg,
170
- group-item-padding-y: $kendo-list-group-item-padding-y-lg,
163
+ group-item-padding-x: $kendo-list-lg-group-item-padding-x,
164
+ group-item-padding-y: $kendo-list-lg-group-item-padding-y,
171
165
  group-item-font-size: null,
172
166
  group-item-line-height: null
173
167
  )
package/scss/listbox/_variables.scss CHANGED
@@ -17,13 +17,13 @@ $kendo-listbox-default-height: 200px !default;
17
17
  $kendo-listbox-border-width: 1px !default;
18
18
  /// Font family of the listbox.
19
19
  /// @group listbox
20
- $kendo-listbox-font-family: $font-family !default;
20
+ $kendo-listbox-font-family: $kendo-font-family !default;
21
21
  /// Font size of the listbox.
22
22
  /// @group listbox
23
- $kendo-listbox-font-size: $font-size !default;
23
+ $kendo-listbox-font-size: $kendo-font-size-md !default;
24
24
  /// Line height of the listbox.
25
25
  /// @group listbox
26
- $kendo-listbox-line-height: $line-height !default;
26
+ $kendo-listbox-line-height: $kendo-line-height-md !default;
27
27
  /// Background color of the listbox.
28
28
  /// @group listbox
29
29
  $kendo-listbox-bg: $kendo-component-bg !default;
package/scss/listgroup/_layout.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  @include exports( "listgroup/layout" ) {
2
2
 
3
3
  .k-listgroup {
4
- @include border-radius( $listgroup-border-radius );
4
+ @include border-radius( $kendo-listgroup-border-radius );
5
5
  margin: 0;
6
6
  padding: 0;
7
- border-width: $listgroup-border-width;
7
+ border-width: $kendo-listgroup-border-width;
8
8
  border-style: solid;
9
- font-size: $listgroup-font-size;
10
- line-height: $listgroup-line-height;
9
+ font-size: $kendo-listgroup-font-size;
10
+ line-height: $kendo-listgroup-line-height;
11
11
  list-style: none;
12
12
  display: flex;
13
13
  flex-direction: column;
@@ -24,7 +24,7 @@
24
24
 
25
25
  // Borders of items
26
26
  .k-listgroup-item + .k-listgroup-item {
27
- border-top-width: $listgroup-item-border-width;
27
+ border-top-width: $kendo-listgroup-item-border-width;
28
28
  }
29
29
  }
30
30
  .k-listgroup-flush {
@@ -35,7 +35,7 @@
35
35
 
36
36
 
37
37
  .k-listgroup-item {
38
- padding: $listgroup-item-padding-y $listgroup-item-padding-x;
38
+ padding: $kendo-listgroup-item-padding-y $kendo-listgroup-item-padding-x;
39
39
  border-width: 0;
40
40
  border-style: solid;
41
41
  border-color: inherit;
@@ -47,8 +47,8 @@
47
47
  position: relative;
48
48
 
49
49
  > .k-link {
50
- margin: (-$listgroup-item-padding-y) (-$listgroup-item-padding-x);
51
- padding: $listgroup-item-padding-y $listgroup-item-padding-x;
50
+ margin: (-$kendo-listgroup-item-padding-y) (-$kendo-listgroup-item-padding-x);
51
+ padding: $kendo-listgroup-item-padding-y $kendo-listgroup-item-padding-x;
52
52
  color: inherit;
53
53
  text-decoration: none;
54
54
  outline: 0;
@@ -60,7 +60,7 @@
60
60
  position: relative;
61
61
 
62
62
  > .k-select {
63
- padding: $listgroup-item-padding-y;
63
+ padding: $kendo-listgroup-item-padding-y;
64
64
  display: flex;
65
65
  align-items: center;
66
66
  flex: 0 0 auto;
@@ -79,8 +79,8 @@
79
79
  }
80
80
 
81
81
  > .k-select {
82
- margin: (-$listgroup-item-padding-y) (-$listgroup-item-padding-x) (-$listgroup-item-padding-y) 0;
83
- padding: $listgroup-item-padding-y;
82
+ margin: (-$kendo-listgroup-item-padding-y) (-$kendo-listgroup-item-padding-x) (-$kendo-listgroup-item-padding-y) 0;
83
+ padding: $kendo-listgroup-item-padding-y;
84
84
  border-width: 0 0 0 1px;
85
85
  border-style: solid;
86
86
  border-color: inherit;
@@ -91,8 +91,8 @@
91
91
 
92
92
  // Forms in listgroup
93
93
  .k-listgroup-form-row {
94
- margin: (-$listgroup-item-padding-y) (-$listgroup-item-padding-x);
95
- padding: $listgroup-item-padding-y $listgroup-item-padding-x;
94
+ margin: (-$kendo-listgroup-item-padding-y) (-$kendo-listgroup-item-padding-x);
95
+ padding: $kendo-listgroup-item-padding-y $kendo-listgroup-item-padding-x;
96
96
  display: flex;
97
97
  flex-direction: row;
98
98
  align-items: center;
@@ -164,13 +164,13 @@
164
164
  .k-listgroup-item-segmented {
165
165
 
166
166
  > .k-link {
167
- margin-right: -$listgroup-item-padding-x;
167
+ margin-right: -$kendo-listgroup-item-padding-x;
168
168
  margin-left: 0;
169
169
  }
170
170
 
171
171
  > .k-select {
172
172
  margin-right: 0;
173
- margin-left: -$listgroup-item-padding-x;
173
+ margin-left: -$kendo-listgroup-item-padding-x;
174
174
  border-right-width: 1px;
175
175
  border-left-width: 0;
176
176
 
package/scss/listgroup/_theme.scss CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  .k-listgroup {
4
4
  @include fill(
5
- $listgroup-text,
6
- $listgroup-bg,
7
- $listgroup-border
5
+ $kendo-listgroup-text,
6
+ $kendo-listgroup-bg,
7
+ $kendo-listgroup-border
8
8
  );
9
9
  }
10
10
 
package/scss/listgroup/_variables.scss CHANGED
@@ -1,14 +1,14 @@
1
1
  // Listgroup
2
- $listgroup-border-width: 1px !default;
3
- $listgroup-border-radius: $kendo-border-radius-md !default;
2
+ $kendo-listgroup-border-width: 1px !default;
3
+ $kendo-listgroup-border-radius: $kendo-border-radius-md !default;
4
4
 
5
- $listgroup-font-size: $font-size !default;
6
- $listgroup-line-height: $line-height !default;
5
+ $kendo-listgroup-font-size: $kendo-font-size-md !default;
6
+ $kendo-listgroup-line-height: $kendo-line-height-md !default;
7
7
 
8
- $listgroup-bg: $kendo-component-bg !default;
9
- $listgroup-text: $kendo-component-text !default;
10
- $listgroup-border: $kendo-component-border !default;
8
+ $kendo-listgroup-bg: $kendo-component-bg !default;
9
+ $kendo-listgroup-text: $kendo-component-text !default;
10
+ $kendo-listgroup-border: $kendo-component-border !default;
11
11
 
12
- $listgroup-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
13
- $listgroup-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
14
- $listgroup-item-border-width: 1px !default;
12
+ $kendo-listgroup-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
13
+ $kendo-listgroup-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
14
+ $kendo-listgroup-item-border-width: 1px !default;
package/scss/listview/_index.scss CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../utils/_flex.scss";
7
- @import "../utils/_grid.scss";
6
+ // @import "../utils/_flex.scss";
7
+ // @import "../utils/_grid.scss";
8
8
  @import "../pager/_index.scss";
9
9
  @import "../icons/_index.scss";
10
10
 
package/scss/listview/_theme.scss CHANGED
@@ -19,7 +19,7 @@
19
19
  $kendo-listview-item-focus-bg,
20
20
  $kendo-listview-item-focus-border
21
21
  );
22
- @include box-shadow( $kendo-listview-item-focus-shadow );
22
+ @include focus-indicator( $kendo-listview-item-focus-shadow, true );
23
23
  }
24
24
 
25
25
  > .k-selected {
package/scss/listview/_variables.scss CHANGED
@@ -2,9 +2,9 @@
2
2
  $kendo-listview-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
3
3
  $kendo-listview-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
4
4
  $kendo-listview-border-width: 1px !default;
5
- $kendo-listview-font-family: $font-family !default;
6
- $kendo-listview-font-size: $font-size !default;
7
- $kendo-listview-line-height: $line-height !default;
5
+ $kendo-listview-font-family: $kendo-font-family !default;
6
+ $kendo-listview-font-size: $kendo-font-size-md !default;
7
+ $kendo-listview-line-height: $kendo-line-height-md !default;
8
8
 
9
9
  $kendo-listview-bg: $kendo-component-bg !default;
10
10
  $kendo-listview-text: $kendo-component-text !default;
package/scss/loader/_layout.scss CHANGED
@@ -25,27 +25,27 @@
25
25
 
26
26
  // Loader sizes
27
27
  .k-loader-sm {
28
- padding: $kendo-loader-padding-sm;
28
+ padding: $kendo-loader-sm-padding;
29
29
 
30
30
  .k-loader-segment {
31
- width: $kendo-loader-segment-size-sm;
32
- height: $kendo-loader-segment-size-sm;
31
+ width: $kendo-loader-sm-segment-size;
32
+ height: $kendo-loader-sm-segment-size;
33
33
  }
34
34
  }
35
35
  .k-loader-md {
36
- padding: $kendo-loader-padding-md;
36
+ padding: $kendo-loader-md-padding;
37
37
 
38
38
  .k-loader-segment {
39
- width: $kendo-loader-segment-size-md;
40
- height: $kendo-loader-segment-size-md;
39
+ width: $kendo-loader-md-segment-size;
40
+ height: $kendo-loader-md-segment-size;
41
41
  }
42
42
  }
43
43
  .k-loader-lg {
44
- padding: $kendo-loader-padding-lg;
44
+ padding: $kendo-loader-lg-padding;
45
45
 
46
46
  .k-loader-segment {
47
- width: $kendo-loader-segment-size-lg;
48
- height: $kendo-loader-segment-size-lg;
47
+ width: $kendo-loader-lg-segment-size;
48
+ height: $kendo-loader-lg-segment-size;
49
49
  }
50
50
  }
51
51
 
@@ -86,22 +86,22 @@
86
86
 
87
87
  &.k-loader-sm {
88
88
  .k-loader-canvas {
89
- width: ( $kendo-loader-segment-size-sm * 3 );
90
- height: ( $kendo-loader-segment-size-sm * 1.5 );
89
+ width: ( $kendo-loader-sm-segment-size * 3 );
90
+ height: ( $kendo-loader-sm-segment-size * 1.5 );
91
91
  }
92
92
  }
93
93
 
94
94
  &.k-loader-md {
95
95
  .k-loader-canvas {
96
- width: ( $kendo-loader-segment-size-md * 3 );
97
- height: ( $kendo-loader-segment-size-md * 1.5 );
96
+ width: ( $kendo-loader-md-segment-size * 3 );
97
+ height: ( $kendo-loader-md-segment-size * 1.5 );
98
98
  }
99
99
  }
100
100
 
101
101
  &.k-loader-lg {
102
102
  .k-loader-canvas {
103
- width: ( $kendo-loader-segment-size-lg * 3 );
104
- height: ( $kendo-loader-segment-size-lg * 1.5 );
103
+ width: ( $kendo-loader-lg-segment-size * 3 );
104
+ height: ( $kendo-loader-lg-segment-size * 1.5 );
105
105
  }
106
106
  }
107
107
  }
@@ -169,25 +169,25 @@
169
169
 
170
170
  &.k-loader-sm {
171
171
  .k-loader-canvas {
172
- margin: k-math-div( $kendo-loader-segment-size-sm, 2 );
173
- width: calc( #{$kendo-loader-spinner-3-width-sm} - #{$kendo-loader-segment-size-sm} );
174
- height: calc( #{$kendo-loader-spinner-3-height-sm} - #{$kendo-loader-segment-size-sm} );
172
+ margin: k-math-div( $kendo-loader-sm-segment-size, 2 );
173
+ width: calc( #{$kendo-loader-sm-spinner-3-width} - #{$kendo-loader-sm-segment-size} );
174
+ height: calc( #{$kendo-loader-sm-spinner-3-height} - #{$kendo-loader-sm-segment-size} );
175
175
  }
176
176
  }
177
177
 
178
178
  &.k-loader-md {
179
179
  .k-loader-canvas {
180
- margin: k-math-div( $kendo-loader-segment-size-md, 2 );
181
- width: calc( #{$kendo-loader-spinner-3-width-md} - #{$kendo-loader-segment-size-md} );
182
- height: calc( #{$kendo-loader-spinner-3-height-md} - #{$kendo-loader-segment-size-md} );
180
+ margin: k-math-div( $kendo-loader-md-segment-size, 2 );
181
+ width: calc( #{$kendo-loader-md-spinner-3-width} - #{$kendo-loader-md-segment-size} );
182
+ height: calc( #{$kendo-loader-md-spinner-3-height} - #{$kendo-loader-md-segment-size} );
183
183
  }
184
184
  }
185
185
 
186
186
  &.k-loader-lg {
187
187
  .k-loader-canvas {
188
- margin: k-math-div( $kendo-loader-segment-size-lg, 2 );
189
- width: calc( #{$kendo-loader-spinner-3-width-lg} - #{$kendo-loader-segment-size-lg} );
190
- height: calc( #{$kendo-loader-spinner-3-height-lg} - #{$kendo-loader-segment-size-lg} );
188
+ margin: k-math-div( $kendo-loader-lg-segment-size, 2 );
189
+ width: calc( #{$kendo-loader-lg-spinner-3-width} - #{$kendo-loader-lg-segment-size} );
190
+ height: calc( #{$kendo-loader-lg-spinner-3-height} - #{$kendo-loader-lg-segment-size} );
191
191
  }
192
192
  }
193
193
  }
@@ -347,22 +347,22 @@
347
347
 
348
348
  &.k-loader-sm {
349
349
  .k-loader-canvas {
350
- width: $kendo-loader-spinner-4-width-sm;
351
- height: $kendo-loader-spinner-4-height-sm;
350
+ width: $kendo-loader-sm-spinner-4-width;
351
+ height: $kendo-loader-sm-spinner-4-height;
352
352
  }
353
353
  }
354
354
 
355
355
  &.k-loader-md {
356
356
  .k-loader-canvas {
357
- width: $kendo-loader-spinner-4-width-md;
358
- height: $kendo-loader-spinner-4-height-md;
357
+ width: $kendo-loader-md-spinner-4-width;
358
+ height: $kendo-loader-md-spinner-4-height;
359
359
  }
360
360
  }
361
361
 
362
362
  &.k-loader-lg {
363
363
  .k-loader-canvas {
364
- width: $kendo-loader-spinner-4-width-lg;
365
- height: $kendo-loader-spinner-4-height-lg;
364
+ width: $kendo-loader-lg-spinner-4-width;
365
+ height: $kendo-loader-lg-spinner-4-height;
366
366
  }
367
367
  }
368
368
  }
@@ -397,7 +397,7 @@
397
397
 
398
398
  // TODO: use k-overlay as a base class in rendering
399
399
  .k-loader-container-overlay {
400
- opacity: $overlay-opacity;
400
+ opacity: $kendo-overlay-opacity;
401
401
  }
402
402
 
403
403
  .k-loader-container-inner {
@@ -416,32 +416,32 @@
416
416
  // Loader Container Sizes
417
417
  .k-loader-container-sm {
418
418
  .k-loader-container-inner {
419
- padding: $kendo-loader-container-padding-sm;
420
- gap: $kendo-loader-container-gap-sm;
419
+ padding: $kendo-loader-sm-container-padding;
420
+ gap: $kendo-loader-sm-container-gap;
421
421
  }
422
422
 
423
423
  .k-loader-container-label {
424
- font-size: $kendo-loader-container-font-size-sm;
424
+ font-size: $kendo-loader-sm-container-font-size;
425
425
  }
426
426
  }
427
427
  .k-loader-container-md {
428
428
  .k-loader-container-inner {
429
- padding: $kendo-loader-container-padding-md;
430
- gap: $kendo-loader-container-gap-md;
429
+ padding: $kendo-loader-md-container-padding;
430
+ gap: $kendo-loader-md-container-gap;
431
431
  }
432
432
 
433
433
  .k-loader-container-label {
434
- font-size: $kendo-loader-container-font-size-md;
434
+ font-size: $kendo-loader-md-container-font-size;
435
435
  }
436
436
  }
437
437
  .k-loader-container-lg {
438
438
  .k-loader-container-inner {
439
- padding: $kendo-loader-container-padding-lg;
440
- gap: $kendo-loader-container-gap-lg;
439
+ padding: $kendo-loader-lg-container-padding;
440
+ gap: $kendo-loader-lg-container-gap;
441
441
  }
442
442
 
443
443
  .k-loader-container-label {
444
- font-size: $kendo-loader-container-font-size-lg;
444
+ font-size: $kendo-loader-lg-container-font-size;
445
445
  }
446
446
  }
447
447