@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/avatar/_variables.scss CHANGED
@@ -6,13 +6,13 @@ $kendo-avatar-border-width: 1px !default;
6
6
 
7
7
  /// Font family of the avatar.
8
8
  /// @group avatar
9
- $kendo-avatar-font-family: $font-family !default;
9
+ $kendo-avatar-font-family: $kendo-font-family !default;
10
10
  /// Font size of the avatar.
11
11
  /// @group avatar
12
- $kendo-avatar-font-size: $font-size !default;
12
+ $kendo-avatar-font-size: $kendo-font-size-md !default;
13
13
  /// Line height of the avatar.
14
14
  /// @group avatar
15
- $kendo-avatar-line-height: $line-height !default;
15
+ $kendo-avatar-line-height: $kendo-line-height-md !default;
16
16
 
17
17
  /// The sizes of the avatar.
18
18
  /// @group avatar
package/scss/badge/_index.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  // Dependencies
5
- @import "../utils/_position.scss";
5
+ // @import "../utils/_position.scss";
6
6
  @import "../icons/_index.scss";
7
7
 
8
8
 
package/scss/badge/_variables.scss CHANGED
@@ -12,60 +12,60 @@ $kendo-badge-border-radius: $kendo-border-radius-md !default;
12
12
  /// Horizontal padding of the badge.
13
13
  /// @group badge
14
14
  $kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
15
- $kendo-badge-padding-x-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
16
- $kendo-badge-padding-x-md: k-map-get( $kendo-spacing, 1 ) !default;
17
- $kendo-badge-padding-x-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
15
+ $kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
16
+ $kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
17
+ $kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
18
18
 
19
19
  /// Vertical padding of the badge.
20
20
  /// @group badge
21
21
  $kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
22
- $kendo-badge-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
23
- $kendo-badge-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
24
- $kendo-badge-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
22
+ $kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
23
+ $kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
24
+ $kendo-badge-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
25
25
 
26
26
  /// Font sizes of the badge.
27
27
  /// @group badge
28
- $kendo-badge-font-size: $font-size-xs !default;
29
- $kendo-badge-font-size-sm: $font-size-xs !default;
30
- $kendo-badge-font-size-md: $font-size-xs !default;
31
- $kendo-badge-font-size-lg: $font-size-xs !default;
28
+ $kendo-badge-font-size: $kendo-font-size-xs !default;
29
+ $kendo-badge-sm-font-size: $kendo-font-size-xs !default;
30
+ $kendo-badge-md-font-size: $kendo-font-size-xs !default;
31
+ $kendo-badge-lg-font-size: $kendo-font-size-xs !default;
32
32
 
33
- /// Line heights used along with $font-size.
33
+ /// Line heights used along with $kendo-font-size.
34
34
  /// @group badge
35
35
  $kendo-badge-line-height: 1 !default;
36
- $kendo-badge-line-height-sm: $kendo-badge-line-height !default;
37
- $kendo-badge-line-height-md: $kendo-badge-line-height !default;
38
- $kendo-badge-line-height-lg: $kendo-badge-line-height !default;
36
+ $kendo-badge-sm-line-height: $kendo-badge-line-height !default;
37
+ $kendo-badge-md-line-height: $kendo-badge-line-height !default;
38
+ $kendo-badge-lg-line-height: $kendo-badge-line-height !default;
39
39
 
40
40
  /// Badge min width used for circle badge.
41
41
  /// @group badge
42
42
  $kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
43
- $kendo-badge-min-width-sm: calc( #{$kendo-badge-line-height-sm * 1em} + #{$kendo-badge-padding-y-sm * 2} + #{$kendo-badge-border-width * 2} ) !default;
44
- $kendo-badge-min-width-md: calc( #{$kendo-badge-line-height-md * 1em} + #{$kendo-badge-padding-y-md * 2} + #{$kendo-badge-border-width * 2} ) !default;
45
- $kendo-badge-min-width-lg: calc( #{$kendo-badge-line-height-lg * 1em} + #{$kendo-badge-padding-y-lg * 2} + #{$kendo-badge-border-width * 2} ) !default;
43
+ $kendo-badge-sm-min-width: calc( #{$kendo-badge-sm-line-height * 1em} + #{$kendo-badge-sm-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
44
+ $kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height * 1em} + #{$kendo-badge-md-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
45
+ $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + #{$kendo-badge-lg-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
46
46
 
47
47
  /// Sizes map for the badge.
48
48
  /// @group badge
49
49
  $kendo-badge-sizes: (
50
50
  sm: (
51
- padding-x: $kendo-badge-padding-x-sm,
52
- padding-y: $kendo-badge-padding-y-sm,
53
- font-size: $kendo-badge-font-size-sm,
54
- line-height: $kendo-badge-line-height-sm,
55
- min-width: $kendo-badge-min-width-sm
51
+ padding-x: $kendo-badge-sm-padding-x,
52
+ padding-y: $kendo-badge-sm-padding-y,
53
+ font-size: $kendo-badge-sm-font-size,
54
+ line-height: $kendo-badge-sm-line-height,
55
+ min-width: $kendo-badge-sm-min-width
56
56
  ),
57
57
  md: (
58
- padding-x: $kendo-badge-padding-x-md,
59
- padding-y: $kendo-badge-padding-y-md,
60
- font-size: $kendo-badge-font-size-md,
61
- line-height: $kendo-badge-line-height-md,
62
- min-width: $kendo-badge-min-width-md
58
+ padding-x: $kendo-badge-md-padding-x,
59
+ padding-y: $kendo-badge-md-padding-y,
60
+ font-size: $kendo-badge-md-font-size,
61
+ line-height: $kendo-badge-md-line-height,
62
+ min-width: $kendo-badge-md-min-width
63
63
  ),
64
64
  lg: (
65
- padding-x: $kendo-badge-padding-x-lg,
66
- padding-y: $kendo-badge-padding-y-lg,
67
- font-size: $kendo-badge-font-size-lg,
68
- line-height: $kendo-badge-line-height-lg,
69
- min-width: $kendo-badge-min-width-lg
65
+ padding-x: $kendo-badge-lg-padding-x,
66
+ padding-y: $kendo-badge-lg-padding-y,
67
+ font-size: $kendo-badge-lg-font-size,
68
+ line-height: $kendo-badge-lg-line-height,
69
+ min-width: $kendo-badge-lg-min-width
70
70
  )
71
71
  ) !default;
package/scss/bottom-navigation/_index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../utils/_position.scss";
6
+ // @import "../utils/_position.scss";
7
7
  @import "../icons/_index.scss";
8
8
 
9
9
 
package/scss/bottom-navigation/_layout.scss CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  // Bottom Navigation
4
4
  .k-bottom-nav {
5
- padding: $bottom-nav-padding-y $bottom-nav-padding-x;
5
+ padding: $kendo-bottom-nav-padding-y $kendo-bottom-nav-padding-x;
6
6
  width: 100%;
7
7
  border-width: 0;
8
8
  border-style: solid;
9
9
  border-color: transparent;
10
10
  box-sizing: border-box;
11
- font-size: $bottom-nav-font-size;
12
- line-height: $bottom-nav-line-height;
13
- font-family: $bottom-nav-font-family;
14
- letter-spacing: $bottom-nav-letter-spacing;
11
+ font-size: $kendo-bottom-nav-font-size;
12
+ line-height: $kendo-bottom-nav-line-height;
13
+ font-family: $kendo-bottom-nav-font-family;
14
+ letter-spacing: $kendo-bottom-nav-letter-spacing;
15
15
  display: flex;
16
16
  flex-flow: row nowrap;
17
17
  white-space: nowrap;
18
- gap: $bottom-nav-gap;
18
+ gap: $kendo-bottom-nav-gap;
19
19
  overflow: hidden;
20
20
  outline: none;
21
21
  -webkit-touch-callout: none;
@@ -29,28 +29,28 @@
29
29
  }
30
30
 
31
31
  .k-bottom-nav-border {
32
- border-width: $bottom-nav-border-width;
32
+ border-width: $kendo-bottom-nav-border-width;
33
33
  }
34
34
 
35
35
  .k-bottom-nav-shadow {
36
- box-shadow: $bottom-nav-shadow;
36
+ box-shadow: $kendo-bottom-nav-shadow;
37
37
  }
38
38
 
39
39
  // Items
40
40
  .k-bottom-nav-item {
41
- padding: $bottom-nav-item-padding-y $bottom-nav-item-padding-x;
42
- min-width: $bottom-nav-item-min-width;
43
- max-width: $bottom-nav-item-max-width;
44
- min-height: $bottom-nav-item-min-height;
41
+ padding: $kendo-bottom-nav-item-padding-y $kendo-bottom-nav-item-padding-x;
42
+ min-width: $kendo-bottom-nav-item-min-width;
43
+ max-width: $kendo-bottom-nav-item-max-width;
44
+ min-height: $kendo-bottom-nav-item-min-height;
45
45
  border-width: 0;
46
- border-radius: $bottom-nav-item-border-radius;
46
+ border-radius: $kendo-bottom-nav-item-border-radius;
47
47
  box-sizing: border-box;
48
48
  font: inherit;
49
49
  display: inline-flex;
50
50
  flex: 1 1 auto;
51
51
  align-items: center;
52
52
  justify-content: center;
53
- gap: $bottom-nav-item-gap;
53
+ gap: $kendo-bottom-nav-item-gap;
54
54
  text-decoration: none;
55
55
  cursor: pointer;
56
56
  color: inherit;
@@ -68,8 +68,8 @@
68
68
  }
69
69
 
70
70
  > .k-bottom-nav-link {
71
- margin: (-$bottom-nav-item-padding-y) (-$bottom-nav-item-padding-x);
72
- padding: $bottom-nav-item-padding-y $bottom-nav-item-padding-x;
71
+ margin: (-$kendo-bottom-nav-item-padding-y) (-$kendo-bottom-nav-item-padding-x);
72
+ padding: $kendo-bottom-nav-item-padding-y $kendo-bottom-nav-item-padding-x;
73
73
  width: 100%;
74
74
  color: inherit;
75
75
  display: flex;
@@ -85,7 +85,7 @@
85
85
  }
86
86
 
87
87
  .k-bottom-nav-item-icon {
88
- font-size: $bottom-nav-item-icon-size;
88
+ font-size: $kendo-bottom-nav-item-icon-size;
89
89
  }
90
90
 
91
91
  .k-bottom-nav-item-text {
package/scss/bottom-navigation/_theme.scss CHANGED
@@ -22,14 +22,14 @@
22
22
  // Flat
23
23
  .k-bottom-nav-flat {
24
24
  @include fill(
25
- $bottom-nav-flat-text,
26
- $bottom-nav-flat-bg,
27
- $bottom-nav-flat-border
25
+ $kendo-bottom-nav-flat-text,
26
+ $kendo-bottom-nav-flat-bg,
27
+ $kendo-bottom-nav-flat-border
28
28
  );
29
29
 
30
30
  .k-bottom-nav-item.k-focus,
31
31
  .k-bottom-nav-item:focus {
32
- @include fill( $bg: rgba($bottom-nav-flat-text, .05) );
32
+ @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
33
33
  }
34
34
 
35
35
  @each $name, $color in $kendo-theme-colors {
package/scss/bottom-navigation/_variables.scss CHANGED
@@ -1,29 +1,29 @@
1
1
  // Bottom-navigation
2
- $bottom-nav-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
3
- $bottom-nav-padding-y: $bottom-nav-padding-x !default;
4
- $bottom-nav-gap: $bottom-nav-padding-x !default;
5
- $bottom-nav-border-width: 1px 0px 0px 0px !default;
2
+ $kendo-bottom-nav-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
3
+ $kendo-bottom-nav-padding-y: $kendo-bottom-nav-padding-x !default;
4
+ $kendo-bottom-nav-gap: $kendo-bottom-nav-padding-x !default;
5
+ $kendo-bottom-nav-border-width: 1px 0px 0px 0px !default;
6
6
 
7
- $bottom-nav-font-family: $font-family !default;
8
- $bottom-nav-font-size: $font-size !default;
9
- $bottom-nav-line-height: normal !default;
10
- $bottom-nav-letter-spacing: .2px !default;
7
+ $kendo-bottom-nav-font-family: $kendo-font-family !default;
8
+ $kendo-bottom-nav-font-size: $kendo-font-size-md !default;
9
+ $kendo-bottom-nav-line-height: normal !default;
10
+ $kendo-bottom-nav-letter-spacing: .2px !default;
11
11
 
12
- $bottom-nav-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
13
- $bottom-nav-item-padding-y: 0 !default;
14
- $bottom-nav-item-min-width: 72px !default;
15
- $bottom-nav-item-max-width: null !default;
16
- $bottom-nav-item-min-height: calc( #{$icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$bottom-nav-padding-x * 2} ) !default;
17
- $bottom-nav-item-border-radius: $kendo-border-radius-md !default;
18
- $bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
12
+ $kendo-bottom-nav-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
13
+ $kendo-bottom-nav-item-padding-y: 0 !default;
14
+ $kendo-bottom-nav-item-min-width: 72px !default;
15
+ $kendo-bottom-nav-item-max-width: null !default;
16
+ $kendo-bottom-nav-item-min-height: calc( #{$kendo-icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$kendo-bottom-nav-padding-x * 2} ) !default;
17
+ $kendo-bottom-nav-item-border-radius: $kendo-border-radius-md !default;
18
+ $kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
19
19
 
20
- $bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
21
- $bottom-nav-item-icon-margin-x: $bottom-nav-item-icon-margin-y !default;
22
- $bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
23
- $bottom-nav-item-disabled-opacity: .5 !default;
20
+ $kendo-bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
21
+ $kendo-bottom-nav-item-icon-margin-x: $kendo-bottom-nav-item-icon-margin-y !default;
22
+ $kendo-bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
23
+ $kendo-bottom-nav-item-disabled-opacity: .5 !default;
24
24
 
25
- $bottom-nav-shadow: 0px 0px 5px rgba(0, 0, 0, .12) !default;
25
+ $kendo-bottom-nav-shadow: 0px 0px 5px rgba(0, 0, 0, .12) !default;
26
26
 
27
- $bottom-nav-flat-bg: $kendo-component-bg !default;
28
- $bottom-nav-flat-text: $kendo-component-text !default;
29
- $bottom-nav-flat-border: $kendo-component-border !default;
27
+ $kendo-bottom-nav-flat-bg: $kendo-component-bg !default;
28
+ $kendo-bottom-nav-flat-text: $kendo-component-text !default;
29
+ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
package/scss/breadcrumb/_layout.scss CHANGED
@@ -2,15 +2,15 @@
2
2
 
3
3
  // Breadcrumb
4
4
  .k-breadcrumb {
5
- margin: $breadcrumb-margin-y $breadcrumb-margin-x;
6
- padding: $breadcrumb-padding-y $breadcrumb-padding-x;
7
- border-width: $breadcrumb-border-width;
5
+ margin: $kendo-breadcrumb-margin-y $kendo-breadcrumb-margin-x;
6
+ padding: $kendo-breadcrumb-padding-y $kendo-breadcrumb-padding-x;
7
+ border-width: $kendo-breadcrumb-border-width;
8
8
  border-style: solid;
9
9
  box-sizing: border-box;
10
10
  outline: 0;
11
- font-family: $breadcrumb-font-family;
12
- font-size: $breadcrumb-font-size;
13
- line-height: $breadcrumb-line-height;
11
+ font-family: $kendo-breadcrumb-font-family;
12
+ font-size: $kendo-breadcrumb-font-size;
13
+ line-height: $kendo-breadcrumb-line-height;
14
14
  display: flex;
15
15
  flex-direction: row;
16
16
  -webkit-touch-callout: none;
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
  .k-breadcrumb-container {
39
-
39
+ // TODO: use !k-flex-wrap in rendering
40
40
  &.k-flex-wrap {
41
41
  flex-wrap: wrap;
42
42
  }
@@ -66,9 +66,9 @@
66
66
  // Breadcrumb links
67
67
  .k-breadcrumb-link,
68
68
  .k-breadcrumb-root-link {
69
- @include border-radius( $breadcrumb-link-border-radius );
70
- padding: $breadcrumb-link-padding-y $breadcrumb-link-padding-x;
71
- color: $breadcrumb-link-initial-text;
69
+ @include border-radius( $kendo-breadcrumb-link-border-radius );
70
+ padding: $kendo-breadcrumb-link-padding-y $kendo-breadcrumb-link-padding-x;
71
+ color: $kendo-breadcrumb-link-initial-text;
72
72
  text-decoration: none;
73
73
  white-space: nowrap;
74
74
  outline: none;
@@ -82,16 +82,16 @@
82
82
  }
83
83
 
84
84
  .k-breadcrumb-root-link {
85
- margin-right: $breadcrumb-root-link-spacing;
85
+ margin-right: $kendo-breadcrumb-root-link-spacing;
86
86
  }
87
87
 
88
88
  .k-breadcrumb-link > .k-image,
89
89
  .k-breadcrumb-icontext-link .k-icon {
90
- margin-right: $breadcrumb-link-icon-spacing;
90
+ margin-right: $kendo-breadcrumb-link-icon-spacing;
91
91
  }
92
92
 
93
93
  .k-breadcrumb-icon-link {
94
- padding: $breadcrumb-icon-link-padding-y $breadcrumb-icon-link-padding-x;
94
+ padding: $kendo-breadcrumb-icon-link-padding-y $kendo-breadcrumb-icon-link-padding-x;
95
95
  }
96
96
 
97
97
 
@@ -99,7 +99,7 @@
99
99
  .k-breadcrumb-delimiter,
100
100
  .k-breadcrumb-delimiter-icon {
101
101
  color: inherit;
102
- font-size: $breadcrumb-delimiter-icon-font-size;
102
+ font-size: $kendo-breadcrumb-delimiter-icon-font-size;
103
103
  opacity: $kendo-disabled-opacity;
104
104
  }
105
105
 
@@ -120,13 +120,13 @@
120
120
  .k-rtl & {
121
121
  .k-breadcrumb-root-link {
122
122
  margin-right: 0;
123
- margin-left: $breadcrumb-root-link-spacing;
123
+ margin-left: $kendo-breadcrumb-root-link-spacing;
124
124
  }
125
125
 
126
126
  .k-breadcrumb-link > .k-image,
127
127
  .k-breadcrumb-icontext-link .k-icon {
128
128
  margin-right: 0;
129
- margin-left: $breadcrumb-link-icon-spacing;
129
+ margin-left: $kendo-breadcrumb-link-icon-spacing;
130
130
  }
131
131
  }
132
132
  }
package/scss/breadcrumb/_theme.scss CHANGED
@@ -3,14 +3,14 @@
3
3
  // Breadcrumb
4
4
  .k-breadcrumb {
5
5
  @include fill(
6
- $breadcrumb-text,
7
- $breadcrumb-bg,
8
- $breadcrumb-border
6
+ $kendo-breadcrumb-text,
7
+ $kendo-breadcrumb-bg,
8
+ $kendo-breadcrumb-border
9
9
  );
10
10
 
11
11
  &:focus,
12
12
  &.k-focus {
13
- @include box-shadow( $breadcrumb-focus-shadow );
13
+ @include box-shadow( $kendo-breadcrumb-focus-shadow );
14
14
  }
15
15
  }
16
16
 
@@ -18,18 +18,18 @@
18
18
  // Breadcrumb link
19
19
  .k-breadcrumb-link {
20
20
  @include fill(
21
- $breadcrumb-link-text,
22
- $breadcrumb-link-bg,
23
- $breadcrumb-link-border
21
+ $kendo-breadcrumb-link-text,
22
+ $kendo-breadcrumb-link-bg,
23
+ $kendo-breadcrumb-link-border
24
24
  );
25
25
 
26
26
  // Hovered state
27
27
  &:hover,
28
28
  &.k-hover {
29
29
  @include fill(
30
- $breadcrumb-link-hover-text,
31
- $breadcrumb-link-hover-bg,
32
- $breadcrumb-link-hover-border
30
+ $kendo-breadcrumb-link-hover-text,
31
+ $kendo-breadcrumb-link-hover-bg,
32
+ $kendo-breadcrumb-link-hover-border
33
33
  );
34
34
  }
35
35
 
@@ -37,11 +37,11 @@
37
37
  &:focus,
38
38
  &.k-focus {
39
39
  @include fill(
40
- $breadcrumb-link-focus-text,
41
- $breadcrumb-link-focus-bg,
42
- $breadcrumb-link-focus-border
40
+ $kendo-breadcrumb-link-focus-text,
41
+ $kendo-breadcrumb-link-focus-bg,
42
+ $kendo-breadcrumb-link-focus-border
43
43
  );
44
- @include box-shadow( $breadcrumb-link-focus-shadow );
44
+ @include focus-indicator( $kendo-breadcrumb-link-focus-shadow );
45
45
  }
46
46
  }
47
47
 
@@ -49,18 +49,18 @@
49
49
  // Breadcrumb root link
50
50
  .k-breadcrumb-root-link {
51
51
  @include fill(
52
- $breadcrumb-root-link-text,
53
- $breadcrumb-root-link-bg,
54
- $breadcrumb-root-link-border
52
+ $kendo-breadcrumb-root-link-text,
53
+ $kendo-breadcrumb-root-link-bg,
54
+ $kendo-breadcrumb-root-link-border
55
55
  );
56
56
 
57
57
  // Hovered state
58
58
  &:hover,
59
59
  &.k-hover {
60
60
  @include fill(
61
- $breadcrumb-root-link-hover-text,
62
- $breadcrumb-root-link-hover-bg,
63
- $breadcrumb-root-link-hover-border
61
+ $kendo-breadcrumb-root-link-hover-text,
62
+ $kendo-breadcrumb-root-link-hover-bg,
63
+ $kendo-breadcrumb-root-link-hover-border
64
64
  );
65
65
  }
66
66
 
@@ -68,12 +68,30 @@
68
68
  &:focus,
69
69
  &.k-focus {
70
70
  @include fill(
71
- $breadcrumb-root-link-focus-text,
72
- $breadcrumb-root-link-focus-bg,
73
- $breadcrumb-root-link-focus-border
71
+ $kendo-breadcrumb-root-link-focus-text,
72
+ $kendo-breadcrumb-root-link-focus-bg,
73
+ $kendo-breadcrumb-root-link-focus-border
74
74
  );
75
- @include box-shadow( $breadcrumb-root-link-focus-shadow );
75
+ @include focus-indicator( $kendo-breadcrumb-root-link-focus-shadow );
76
76
  }
77
77
  }
78
78
 
79
+
80
+ // Breadcrumb current (last) item
81
+ .k-breadcrumb-current-item {
82
+ .k-breadcrumb-link {
83
+ @include fill(
84
+ $kendo-breadcrumb-current-item-text,
85
+ $kendo-breadcrumb-current-item-bg,
86
+ $kendo-breadcrumb-current-item-border
87
+ );
88
+ }
89
+ }
90
+
91
+
92
+ // Alias
93
+ .k-breadcrumb-last-item {
94
+ @extend .k-breadcrumb-current-item !optional;
95
+ }
96
+
79
97
  }
package/scss/breadcrumb/_variables.scss CHANGED
@@ -1,56 +1,61 @@
1
1
  // Breadcrumb
2
- $breadcrumb-margin-x: null !default;
3
- $breadcrumb-margin-y: null !default;
4
- $breadcrumb-padding-x: null !default;
5
- $breadcrumb-padding-y: null !default;
6
- $breadcrumb-border-width: 0px !default;
7
2
 
8
- $breadcrumb-font-family: $font-family !default;
9
- $breadcrumb-font-size: $font-size !default;
10
- $breadcrumb-line-height: $line-height !default;
3
+ $kendo-breadcrumb-margin-x: null !default;
4
+ $kendo-breadcrumb-margin-y: null !default;
5
+ $kendo-breadcrumb-padding-x: null !default;
6
+ $kendo-breadcrumb-padding-y: null !default;
7
+ $kendo-breadcrumb-border-width: 0px !default;
11
8
 
12
- $breadcrumb-bg: $kendo-component-bg !default;
13
- $breadcrumb-text: $kendo-component-text !default;
14
- $breadcrumb-border: $kendo-component-border !default;
9
+ $kendo-breadcrumb-font-family: $kendo-font-family !default;
10
+ $kendo-breadcrumb-font-size: $kendo-font-size-md !default;
11
+ $kendo-breadcrumb-line-height: $kendo-line-height-md !default;
15
12
 
16
- $breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default;
13
+ $kendo-breadcrumb-bg: $kendo-component-bg !default;
14
+ $kendo-breadcrumb-text: $kendo-component-text !default;
15
+ $kendo-breadcrumb-border: $kendo-component-border !default;
17
16
 
18
- $breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
19
- $breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
20
- $breadcrumb-link-border-radius: $kendo-border-radius-md !default;
17
+ $kendo-breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
21
18
 
22
- $breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
23
- $breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;
19
+ $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
20
+ $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
21
+ $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
24
22
 
25
- $breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default;
26
- $breadcrumb-link-icon-spacing: $icon-spacing !default;
23
+ $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
24
+ $kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
27
25
 
28
- $breadcrumb-link-initial-text: inherit !default;
26
+ $kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
27
+ $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
29
28
 
30
- $breadcrumb-link-bg: null !default;
31
- $breadcrumb-link-text: $link-text !default;
32
- $breadcrumb-link-border: null !default;
29
+ $kendo-breadcrumb-link-initial-text: inherit !default;
33
30
 
34
- $breadcrumb-link-hover-bg: $base-bg !default;
35
- $breadcrumb-link-hover-text: $link-hover-text !default;
36
- $breadcrumb-link-hover-border: null !default;
31
+ $kendo-breadcrumb-link-bg: null !default;
32
+ $kendo-breadcrumb-link-text: $kendo-link-text !default;
33
+ $kendo-breadcrumb-link-border: null !default;
37
34
 
38
- $breadcrumb-link-focus-bg: null !default;
39
- $breadcrumb-link-focus-text: $link-text !default;
40
- $breadcrumb-link-focus-border: null !default;
41
- $breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
35
+ $kendo-breadcrumb-link-hover-bg: $kendo-base-bg !default;
36
+ $kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
37
+ $kendo-breadcrumb-link-hover-border: null !default;
42
38
 
43
- $breadcrumb-root-link-bg: null !default;
44
- $breadcrumb-root-link-text: null !default;
45
- $breadcrumb-root-link-border: null !default;
39
+ $kendo-breadcrumb-link-focus-bg: null !default;
40
+ $kendo-breadcrumb-link-focus-text: $kendo-link-text !default;
41
+ $kendo-breadcrumb-link-focus-border: null !default;
42
+ $kendo-breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
46
43
 
47
- $breadcrumb-root-link-hover-bg: $base-bg !default;
48
- $breadcrumb-root-link-hover-text: null !default;
49
- $breadcrumb-root-link-hover-border: null !default;
44
+ $kendo-breadcrumb-root-link-bg: null !default;
45
+ $kendo-breadcrumb-root-link-text: null !default;
46
+ $kendo-breadcrumb-root-link-border: null !default;
50
47
 
51
- $breadcrumb-root-link-focus-bg: null !default;
52
- $breadcrumb-root-link-focus-text: null !default;
53
- $breadcrumb-root-link-focus-border: null !default;
54
- $breadcrumb-root-link-focus-shadow: $breadcrumb-link-focus-shadow !default;
48
+ $kendo-breadcrumb-root-link-hover-bg: $kendo-base-bg !default;
49
+ $kendo-breadcrumb-root-link-hover-text: null !default;
50
+ $kendo-breadcrumb-root-link-hover-border: null !default;
55
51
 
56
- $breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
52
+ $kendo-breadcrumb-root-link-focus-bg: null !default;
53
+ $kendo-breadcrumb-root-link-focus-text: null !default;
54
+ $kendo-breadcrumb-root-link-focus-border: null !default;
55
+ $kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
56
+
57
+ $kendo-breadcrumb-current-item-bg: null !default;
58
+ $kendo-breadcrumb-current-item-text: null !default;
59
+ $kendo-breadcrumb-current-item-border: null !default;
60
+
61
+ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
package/scss/button/_index.scss CHANGED
@@ -4,7 +4,6 @@
4
4
  // Dependencies
5
5
  @import "../badge/_index.scss";
6
6
  @import "../icons/_index.scss";
7
- @import "../typography/_variables.scss";
8
7
 
9
8
 
10
9
  // Component
package/scss/button/_layout.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  display: inline-flex;
16
16
  align-items: center;
17
17
  justify-content: center;
18
- gap: $icon-spacing;
18
+ gap: $kendo-icon-spacing;
19
19
  vertical-align: middle;
20
20
  user-select: none;
21
21
  cursor: pointer;
@@ -181,7 +181,7 @@
181
181
 
182
182
  &:focus::after,
183
183
  &.k-focus::after {
184
- opacity: .12;
184
+ opacity: $kendo-flat-button-focus-ring-opacity;
185
185
  }
186
186
  }
187
187