@progress/kendo-theme-default 5.12.1-dev.2 → 5.12.1-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/dist/all.css +222 -18
  2. package/dist/all.scss +4737 -4662
  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 +16 -16
  10. package/dist/default-ocean-blue.scss +9 -9
  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 +40 -54
  22. package/lib/swatches/default-ocean-blue.json +15 -9
  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 +4 -4
  28. package/scss/_variables.scss +55 -52
  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 +63 -63
  35. package/scss/adaptive/_layout.scss +11 -11
  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/_variables.scss +32 -32
  41. package/scss/bottom-navigation/_layout.scss +17 -17
  42. package/scss/bottom-navigation/_theme.scss +4 -4
  43. package/scss/bottom-navigation/_variables.scss +23 -23
  44. package/scss/breadcrumb/_layout.scss +16 -16
  45. package/scss/breadcrumb/_theme.scss +42 -24
  46. package/scss/breadcrumb/_variables.scss +45 -44
  47. package/scss/button/_layout.scss +39 -0
  48. package/scss/button/_theme.scss +3 -3
  49. package/scss/button/_variables.scss +34 -34
  50. package/scss/calendar/_layout.scss +49 -49
  51. package/scss/calendar/_theme.scss +52 -52
  52. package/scss/calendar/_variables.scss +84 -87
  53. package/scss/captcha/_layout.scss +10 -10
  54. package/scss/captcha/_theme.scss +3 -3
  55. package/scss/captcha/_variables.scss +14 -14
  56. package/scss/card/_layout.scss +45 -45
  57. package/scss/card/_theme.scss +15 -15
  58. package/scss/card/_variables.scss +55 -55
  59. package/scss/chat/_layout.scss +59 -59
  60. package/scss/chat/_theme.scss +28 -28
  61. package/scss/chat/_variables.scss +57 -57
  62. package/scss/checkbox/_variables.scss +1 -1
  63. package/scss/chip/_layout.scss +1 -1
  64. package/scss/chip/_theme.scss +10 -10
  65. package/scss/chip/_variables.scss +29 -29
  66. package/scss/color-preview/_layout.scss +5 -5
  67. package/scss/color-preview/_theme.scss +4 -4
  68. package/scss/color-preview/_variables.scss +11 -11
  69. package/scss/coloreditor/_layout.scss +18 -18
  70. package/scss/coloreditor/_theme.scss +6 -6
  71. package/scss/coloreditor/_variables.scss +24 -24
  72. package/scss/colorgradient/_layout.scss +42 -54
  73. package/scss/colorgradient/_theme.scss +13 -13
  74. package/scss/colorgradient/_variables.scss +50 -50
  75. package/scss/colorpalette/_layout.scss +5 -5
  76. package/scss/colorpalette/_theme.scss +3 -3
  77. package/scss/colorpalette/_variables.scss +8 -8
  78. package/scss/common/_dragdrop.scss +13 -13
  79. package/scss/dataviz/_layout.scss +75 -75
  80. package/scss/dataviz/_theme.scss +18 -18
  81. package/scss/dataviz/_variables.scss +97 -97
  82. package/scss/datetimepicker/_layout.scss +3 -3
  83. package/scss/datetimepicker/_variables.scss +1 -1
  84. package/scss/dialog/_variables.scss +3 -3
  85. package/scss/draggable/_layout.scss +23 -23
  86. package/scss/draggable/_theme.scss +5 -5
  87. package/scss/draggable/_variables.scss +20 -20
  88. package/scss/drawer/_variables.scss +4 -4
  89. package/scss/dropdowntree/_layout.scss +2 -2
  90. package/scss/dropdowntree/_variables.scss +2 -2
  91. package/scss/dropzone/_layout.scss +12 -12
  92. package/scss/dropzone/_theme.scss +7 -7
  93. package/scss/dropzone/_variables.scss +20 -20
  94. package/scss/editor/_variables.scss +3 -3
  95. package/scss/expansion-panel/_layout.scss +9 -9
  96. package/scss/expansion-panel/_theme.scss +12 -12
  97. package/scss/expansion-panel/_variables.scss +22 -22
  98. package/scss/fab/_layout.scss +2 -2
  99. package/scss/fab/_theme.scss +1 -1
  100. package/scss/fab/_variables.scss +10 -10
  101. package/scss/filemanager/_layout.scss +24 -24
  102. package/scss/filemanager/_theme.scss +31 -31
  103. package/scss/filemanager/_variables.scss +59 -59
  104. package/scss/filter/_layout.scss +15 -15
  105. package/scss/filter/_theme.scss +3 -3
  106. package/scss/filter/_variables.scss +8 -8
  107. package/scss/floating-label/_layout.scss +19 -19
  108. package/scss/floating-label/_theme.scss +4 -4
  109. package/scss/floating-label/_variables.scss +14 -14
  110. package/scss/forms/_layout.scss +6 -6
  111. package/scss/forms/_variables.scss +12 -12
  112. package/scss/gantt/_layout.scss +44 -43
  113. package/scss/gantt/_theme.scss +60 -60
  114. package/scss/gantt/_variables.scss +92 -92
  115. package/scss/grid/_layout.scss +45 -21
  116. package/scss/grid/_theme.scss +44 -4
  117. package/scss/grid/_variables.scss +75 -75
  118. package/scss/icons/_layout.scss +5 -0
  119. package/scss/imageeditor/_layout.scss +19 -19
  120. package/scss/imageeditor/_theme.scss +13 -13
  121. package/scss/imageeditor/_variables.scss +31 -31
  122. package/scss/input/_layout.scss +1 -1
  123. package/scss/input/_variables.scss +36 -36
  124. package/scss/list/_variables.scss +66 -72
  125. package/scss/listbox/_variables.scss +3 -3
  126. package/scss/listgroup/_layout.scss +15 -15
  127. package/scss/listgroup/_theme.scss +3 -3
  128. package/scss/listgroup/_variables.scss +10 -10
  129. package/scss/listview/_variables.scss +3 -3
  130. package/scss/loader/_layout.scss +40 -40
  131. package/scss/loader/_variables.scss +30 -30
  132. package/scss/map/_layout.scss +15 -15
  133. package/scss/map/_theme.scss +5 -5
  134. package/scss/map/_variables.scss +21 -21
  135. package/scss/mediaplayer/_layout.scss +5 -5
  136. package/scss/mediaplayer/_theme.scss +6 -6
  137. package/scss/mediaplayer/_variables.scss +13 -13
  138. package/scss/menu/_layout.scss +38 -38
  139. package/scss/menu/_theme.scss +25 -25
  140. package/scss/menu/_variables.scss +65 -68
  141. package/scss/messagebox/_layout.scss +7 -7
  142. package/scss/messagebox/_theme.scss +3 -3
  143. package/scss/messagebox/_variables.scss +11 -11
  144. package/scss/notification/_variables.scss +4 -4
  145. package/scss/orgchart/_layout.scss +26 -26
  146. package/scss/orgchart/_theme.scss +13 -13
  147. package/scss/orgchart/_variables.scss +56 -56
  148. package/scss/overlay/_layout.scss +1 -1
  149. package/scss/overlay/_theme.scss +2 -2
  150. package/scss/overlay/_variables.scss +3 -3
  151. package/scss/pager/_layout.scss +1 -1
  152. package/scss/pager/_theme.scss +4 -4
  153. package/scss/pager/_variables.scss +33 -33
  154. package/scss/panelbar/_layout.scss +15 -15
  155. package/scss/panelbar/_theme.scss +70 -70
  156. package/scss/panelbar/_variables.scss +103 -106
  157. package/scss/pdf-viewer/_layout.scss +13 -13
  158. package/scss/pdf-viewer/_theme.scss +21 -21
  159. package/scss/pdf-viewer/_variables.scss +44 -44
  160. package/scss/pivotgrid/_layout.scss +45 -45
  161. package/scss/pivotgrid/_theme.scss +52 -52
  162. package/scss/pivotgrid/_variables.scss +86 -86
  163. package/scss/popover/_variables.scss +16 -16
  164. package/scss/popup/_layout.scss +7 -7
  165. package/scss/popup/_theme.scss +4 -4
  166. package/scss/popup/_variables.scss +12 -12
  167. package/scss/progressbar/_variables.scss +2 -2
  168. package/scss/radio/_variables.scss +1 -1
  169. package/scss/rating/_layout.scss +11 -11
  170. package/scss/rating/_theme.scss +6 -6
  171. package/scss/rating/_variables.scss +16 -16
  172. package/scss/scheduler/_layout.scss +32 -32
  173. package/scss/scheduler/_theme.scss +51 -51
  174. package/scss/scheduler/_variables.scss +93 -93
  175. package/scss/scrollview/_layout.scss +16 -16
  176. package/scss/scrollview/_theme.scss +23 -23
  177. package/scss/scrollview/_variables.scss +32 -32
  178. package/scss/signature/_variables.scss +18 -18
  179. package/scss/skeleton/_layout.scss +4 -4
  180. package/scss/skeleton/_theme.scss +2 -2
  181. package/scss/skeleton/_variables.scss +6 -6
  182. package/scss/slider/_layout.scss +26 -26
  183. package/scss/slider/_theme.scss +21 -21
  184. package/scss/slider/_variables.scss +44 -44
  185. package/scss/split-button/_layout.scss +3 -4
  186. package/scss/split-button/_variables.scss +6 -6
  187. package/scss/splitter/_layout.scss +15 -15
  188. package/scss/splitter/_theme.scss +10 -10
  189. package/scss/splitter/_variables.scss +18 -18
  190. package/scss/spreadsheet/_layout.scss +24 -24
  191. package/scss/spreadsheet/_theme.scss +20 -20
  192. package/scss/spreadsheet/_variables.scss +29 -29
  193. package/scss/stepper/_layout.scss +33 -33
  194. package/scss/stepper/_theme.scss +44 -44
  195. package/scss/stepper/_variables.scss +86 -86
  196. package/scss/switch/_theme.scss +2 -2
  197. package/scss/switch/_variables.scss +7 -7
  198. package/scss/table/_variables.scss +18 -18
  199. package/scss/tabstrip/_layout.scss +31 -31
  200. package/scss/tabstrip/_theme.scss +26 -26
  201. package/scss/tabstrip/_variables.scss +41 -44
  202. package/scss/taskboard/_layout.scss +34 -34
  203. package/scss/taskboard/_theme.scss +32 -32
  204. package/scss/taskboard/_variables.scss +93 -93
  205. package/scss/tilelayout/_layout.scss +4 -4
  206. package/scss/tilelayout/_theme.scss +4 -4
  207. package/scss/tilelayout/_variables.scss +8 -8
  208. package/scss/timeline/_layout.scss +54 -54
  209. package/scss/timeline/_theme.scss +15 -15
  210. package/scss/timeline/_variables.scss +50 -50
  211. package/scss/timeselector/_layout.scss +18 -18
  212. package/scss/timeselector/_theme.scss +11 -11
  213. package/scss/timeselector/_variables.scss +36 -39
  214. package/scss/toolbar/_layout.scss +10 -10
  215. package/scss/toolbar/_variables.scss +24 -24
  216. package/scss/tooltip/_layout.scss +20 -20
  217. package/scss/tooltip/_theme.scss +25 -25
  218. package/scss/tooltip/_variables.scss +29 -29
  219. package/scss/treelist/_layout.scss +3 -0
  220. package/scss/treeview/_variables.scss +30 -33
  221. package/scss/typography/_layout.scss +77 -77
  222. package/scss/typography/_theme.scss +3 -3
  223. package/scss/typography/_variables.scss +84 -92
  224. package/scss/upload/_variables.scss +3 -3
  225. package/scss/validator/_layout.scss +1 -1
  226. package/scss/window/_variables.scss +5 -5
  227. package/scss/wizard/_layout.scss +11 -11
  228. package/scss/wizard/_theme.scss +1 -1
  229. package/scss/wizard/_variables.scss +10 -10
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/_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
 
package/scss/loader/_variables.scss CHANGED
@@ -1,27 +1,27 @@
1
1
  // Loader
2
2
 
3
3
  $kendo-loader-segment-border-radius: 50% !default;
4
- $kendo-loader-segment-size-sm: k-map-get( $kendo-spacing, 1 ) !default;
5
- $kendo-loader-segment-size-md: k-map-get( $kendo-spacing, 2 ) !default;
6
- $kendo-loader-segment-size-lg: k-map-get( $kendo-spacing, 4 ) !default;
7
-
8
- $kendo-loader-padding-sm: k-math-div( $kendo-loader-segment-size-sm, 2 ) !default;
9
- $kendo-loader-padding-md: k-math-div( $kendo-loader-segment-size-md, 2 ) !default;
10
- $kendo-loader-padding-lg: k-math-div( $kendo-loader-segment-size-lg, 2 ) !default;
11
-
12
- $kendo-loader-spinner-3-width-sm: ( $kendo-loader-segment-size-sm * 4 ) !default;
13
- $kendo-loader-spinner-3-height-sm: ( $kendo-loader-spinner-3-width-sm * $equilateral-height ) !default;
14
- $kendo-loader-spinner-3-width-md: ( $kendo-loader-segment-size-md * 4 ) !default;
15
- $kendo-loader-spinner-3-height-md: ( $kendo-loader-spinner-3-width-md * $equilateral-height ) !default;
16
- $kendo-loader-spinner-3-width-lg: ( $kendo-loader-segment-size-lg * 4 ) !default;
17
- $kendo-loader-spinner-3-height-lg: ( $kendo-loader-spinner-3-width-lg * $equilateral-height ) !default;
18
-
19
- $kendo-loader-spinner-4-width-sm: $kendo-loader-segment-size-sm * 4 !default;
20
- $kendo-loader-spinner-4-height-sm: $kendo-loader-spinner-4-width-sm !default;
21
- $kendo-loader-spinner-4-width-md: $kendo-loader-segment-size-md * 4 !default;
22
- $kendo-loader-spinner-4-height-md: $kendo-loader-spinner-4-width-md !default;
23
- $kendo-loader-spinner-4-width-lg: $kendo-loader-segment-size-lg * 4 !default;
24
- $kendo-loader-spinner-4-height-lg: $kendo-loader-spinner-4-width-lg !default;
4
+ $kendo-loader-sm-segment-size: k-map-get( $kendo-spacing, 1 ) !default;
5
+ $kendo-loader-md-segment-size: k-map-get( $kendo-spacing, 2 ) !default;
6
+ $kendo-loader-lg-segment-size: k-map-get( $kendo-spacing, 4 ) !default;
7
+
8
+ $kendo-loader-sm-padding: k-math-div( $kendo-loader-sm-segment-size, 2 ) !default;
9
+ $kendo-loader-md-padding: k-math-div( $kendo-loader-md-segment-size, 2 ) !default;
10
+ $kendo-loader-lg-padding: k-math-div( $kendo-loader-lg-segment-size, 2 ) !default;
11
+
12
+ $kendo-loader-sm-spinner-3-width: ( $kendo-loader-sm-segment-size * 4 ) !default;
13
+ $kendo-loader-sm-spinner-3-height: ( $kendo-loader-sm-spinner-3-width * $equilateral-height ) !default;
14
+ $kendo-loader-md-spinner-3-width: ( $kendo-loader-md-segment-size * 4 ) !default;
15
+ $kendo-loader-md-spinner-3-height: ( $kendo-loader-md-spinner-3-width * $equilateral-height ) !default;
16
+ $kendo-loader-lg-spinner-3-width: ( $kendo-loader-lg-segment-size * 4 ) !default;
17
+ $kendo-loader-lg-spinner-3-height: ( $kendo-loader-lg-spinner-3-width * $equilateral-height ) !default;
18
+
19
+ $kendo-loader-sm-spinner-4-width: $kendo-loader-sm-segment-size * 4 !default;
20
+ $kendo-loader-sm-spinner-4-height: $kendo-loader-sm-spinner-4-width !default;
21
+ $kendo-loader-md-spinner-4-width: $kendo-loader-md-segment-size * 4 !default;
22
+ $kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
23
+ $kendo-loader-lg-spinner-4-width: $kendo-loader-lg-segment-size * 4 !default;
24
+ $kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
25
25
 
26
26
  $kendo-loader-secondary-bg: #656565 !default;
27
27
 
@@ -31,17 +31,17 @@ $kendo-loader-container-panel-border-color: $kendo-component-border !default;
31
31
  $kendo-loader-container-panel-border-radius: $kendo-border-radius-md !default;
32
32
  $kendo-loader-container-panel-bg: $kendo-color-white !default;
33
33
 
34
- $kendo-loader-container-padding-sm: k-map-get( $kendo-spacing, 4 ) !default;
35
- $kendo-loader-container-gap-sm: k-map-get( $kendo-spacing, 1 ) !default;
36
- $kendo-loader-container-font-size-sm: $font-size-sm !default;
34
+ $kendo-loader-sm-container-padding: k-map-get( $kendo-spacing, 4 ) !default;
35
+ $kendo-loader-sm-container-gap: k-map-get( $kendo-spacing, 1 ) !default;
36
+ $kendo-loader-sm-container-font-size: $kendo-font-size-sm !default;
37
37
 
38
- $kendo-loader-container-padding-md: k-map-get( $kendo-spacing, 5 ) !default;
39
- $kendo-loader-container-gap-md: k-map-get( $kendo-spacing, 2 ) !default;
40
- $kendo-loader-container-font-size-md: $font-size-md !default;
38
+ $kendo-loader-md-container-padding: k-map-get( $kendo-spacing, 5 ) !default;
39
+ $kendo-loader-md-container-gap: k-map-get( $kendo-spacing, 2 ) !default;
40
+ $kendo-loader-md-container-font-size: $kendo-font-size-md !default;
41
41
 
42
- $kendo-loader-container-padding-lg: k-map-get( $kendo-spacing, 6 ) !default;
43
- $kendo-loader-container-gap-lg: k-map-get( $kendo-spacing, 3 ) !default;
44
- $kendo-loader-container-font-size-lg: $font-size-lg !default;
42
+ $kendo-loader-lg-container-padding: k-map-get( $kendo-spacing, 6 ) !default;
43
+ $kendo-loader-lg-container-gap: k-map-get( $kendo-spacing, 3 ) !default;
44
+ $kendo-loader-lg-container-font-size: $kendo-font-size-lg !default;
45
45
 
46
46
 
47
47
  // Loading