@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/taskboard/_theme.scss CHANGED
@@ -3,93 +3,93 @@
3
3
  // TaskBoard
4
4
  .k-taskboard {
5
5
  @include fill(
6
- $taskboard-text,
7
- $taskboard-bg,
8
- $taskboard-border
6
+ $kendo-taskboard-text,
7
+ $kendo-taskboard-bg,
8
+ $kendo-taskboard-border
9
9
  );
10
10
  }
11
11
 
12
12
  // Toolbar
13
13
  .k-taskboard-toolbar {
14
14
  @include fill(
15
- $taskboard-toolbar-text,
16
- $taskboard-toolbar-bg,
17
- $taskboard-toolbar-border,
18
- $taskboard-toolbar-gradient
15
+ $kendo-taskboard-toolbar-text,
16
+ $kendo-taskboard-toolbar-bg,
17
+ $kendo-taskboard-toolbar-border,
18
+ $kendo-taskboard-toolbar-gradient
19
19
  );
20
20
  }
21
21
 
22
22
  // Columns
23
23
  .k-taskboard-column {
24
24
  @include fill(
25
- $taskboard-column-text,
26
- $taskboard-column-bg,
27
- $taskboard-column-border
25
+ $kendo-taskboard-column-text,
26
+ $kendo-taskboard-column-bg,
27
+ $kendo-taskboard-column-border
28
28
  );
29
29
  }
30
30
  .k-taskboard-column:focus,
31
31
  .k-taskboard-column.k-focus {
32
32
  @include fill(
33
- $taskboard-column-focus-text,
34
- $taskboard-column-focus-bg,
35
- $taskboard-column-focus-border
33
+ $kendo-taskboard-column-focus-text,
34
+ $kendo-taskboard-column-focus-bg,
35
+ $kendo-taskboard-column-focus-border
36
36
  );
37
37
  }
38
38
 
39
39
  .k-taskboard-column-header {
40
- @include fill( $color: $taskboard-column-header-text );
40
+ @include fill( $color: $kendo-taskboard-column-header-text );
41
41
  }
42
42
 
43
43
  // Preview/Edit Pane
44
44
  .k-taskboard-pane {
45
45
  @include fill (
46
- $taskboard-pane-text,
47
- $taskboard-pane-bg,
48
- $taskboard-pane-border
46
+ $kendo-taskboard-pane-text,
47
+ $kendo-taskboard-pane-bg,
48
+ $kendo-taskboard-pane-border
49
49
  );
50
50
  }
51
51
 
52
52
  .k-taskboard-pane-header {
53
- @include fill( $color: $taskboard-pane-header-text );
53
+ @include fill( $color: $kendo-taskboard-pane-header-text );
54
54
  }
55
55
 
56
56
  // Cards
57
57
  .k-taskboard-card {
58
58
  @include fill(
59
- $taskboard-card-text,
60
- $taskboard-card-bg,
61
- $taskboard-card-border
59
+ $kendo-taskboard-card-text,
60
+ $kendo-taskboard-card-bg,
61
+ $kendo-taskboard-card-border
62
62
  );
63
- @include box-shadow( $taskboard-card-shadow );
63
+ @include box-shadow( $kendo-taskboard-card-shadow );
64
64
 
65
65
  .k-card-title {
66
- @include fill( $color: $taskboard-card-header-text );
66
+ @include fill( $color: $kendo-taskboard-card-header-text );
67
67
 
68
68
  &:focus,
69
69
  &.k-focus {
70
- @include fill( $color: $taskboard-card-header-focus-text );
70
+ @include fill( $color: $kendo-taskboard-card-header-focus-text );
71
71
  }
72
72
 
73
73
  &:hover,
74
74
  &.k-hover {
75
- @include fill( $color: $taskboard-card-header-hover-text );
75
+ @include fill( $color: $kendo-taskboard-card-header-hover-text );
76
76
  }
77
77
  }
78
78
 
79
79
  &:focus,
80
80
  &.k-focus {
81
- @include fill( $border: $taskboard-card-focus-border );
82
- @include focus-indicator( $taskboard-card-focus-shadow );
81
+ @include focus-indicator( $kendo-taskboard-card-focus-shadow );
82
+ @include fill( $border: $kendo-taskboard-card-focus-border );
83
83
  }
84
84
 
85
85
  &:hover,
86
86
  &.k-hover {
87
- @include fill( $border: $taskboard-card-hover-border );
87
+ @include fill( $border: $kendo-taskboard-card-hover-border );
88
88
  }
89
89
 
90
90
  &.k-selected {
91
- @include fill( $border: $taskboard-card-selected-border );
92
- @include box-shadow( $taskboard-card-selected-shadow );
91
+ @include fill( $border: $kendo-taskboard-card-selected-border );
92
+ @include box-shadow( $kendo-taskboard-card-selected-shadow );
93
93
  }
94
94
 
95
95
  &.k-disabled {
@@ -100,8 +100,8 @@
100
100
  // Card Drag Placeholder
101
101
  .k-taskboard-drag-placeholder {
102
102
  @include fill(
103
- $bg: $taskboard-drag-placeholder-bg,
104
- $border: $taskboard-drag-placeholder-border
103
+ $bg: $kendo-taskboard-drag-placeholder-bg,
104
+ $border: $kendo-taskboard-drag-placeholder-border
105
105
  );
106
106
  }
107
107
 
package/scss/taskboard/_variables.scss CHANGED
@@ -1,94 +1,94 @@
1
1
  // TaskBoard
2
- $taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
3
- $taskboard-padding-y: null !default;
4
- $taskboard-padding-x: null !default;
5
- $taskboard-font-family: $font-family !default;
6
- $taskboard-font-size: $font-size !default;
7
- $taskboard-line-height: $line-height !default;
8
- $taskboard-bg: null !default;
9
- $taskboard-text: null !default;
10
- $taskboard-border: null !default;
11
-
12
- $taskboard-toolbar-padding-y: $taskboard-spacer !default;
13
- $taskboard-toolbar-padding-x: $taskboard-toolbar-padding-y !default;
14
- $taskboard-toolbar-bg: null !default;
15
- $taskboard-toolbar-text: null !default;
16
- $taskboard-toolbar-border: null !default;
17
- $taskboard-toolbar-gradient: null !default;
18
-
19
- $taskboard-content-padding-y: $taskboard-spacer !default;
20
- $taskboard-content-padding-x: $taskboard-content-padding-y !default;
21
-
22
- $taskboard-column-container-spacing-y: k-math-div( $taskboard-spacer, 2 ) !default;
23
- $taskboard-column-container-padding-y: 0px !default;
24
- $taskboard-column-container-padding-x: k-math-div( $taskboard-spacer, 2 ) !default;
25
- $taskboard-columns-container-gap: $taskboard-spacer !default;
26
-
27
- $taskboard-column-width: 320px !default;
28
- $taskboard-column-border-width: 1px !default;
29
- $taskboard-column-border-radius: $kendo-border-radius-md !default;
30
- $taskboard-column-bg: $base-bg !default;
31
- $taskboard-column-text: null !default;
32
- $taskboard-column-border: transparent !default;
33
-
34
- $taskboard-column-focus-bg: null !default;
35
- $taskboard-column-focus-text: null !default;
36
- $taskboard-column-focus-border: k-try-shade( $base-border, 2.5 ) !default;
37
-
38
- $taskboard-column-header-padding-y: k-math-div( $taskboard-spacer, 2 ) !default;
39
- $taskboard-column-header-padding-x: $taskboard-column-header-padding-y !default;
40
- $taskboard-column-header-gap: k-math-div( $taskboard-spacer, 4 ) !default;
41
- $taskboard-column-header-actions-gap: k-math-div( $taskboard-spacer, 2 ) !default;
42
- $taskboard-column-header-font-weight: 500 !default;
43
- $taskboard-column-header-text: $kendo-component-header-text !default;
44
-
45
- $taskboard-column-cards-padding-y: null !default;
46
- $taskboard-column-cards-padding-x: null !default;
47
- $taskboard-column-cards-gap: k-math-div( $taskboard-spacer, 2 ) !default;
48
-
49
- $taskboard-pane-width: $taskboard-column-width !default;
50
- $taskboard-pane-padding-y: null !default;
51
- $taskboard-pane-padding-x: null !default;
52
- $taskboard-pane-border-width: 1px !default;
53
- $taskboard-pane-bg: $kendo-component-bg !default;
54
- $taskboard-pane-text: $kendo-component-text !default;
55
- $taskboard-pane-border: $kendo-component-border !default;
56
-
57
- $taskboard-pane-header-padding-y: ( $taskboard-spacer * .75 ) !default;
58
- $taskboard-pane-header-padding-x: $taskboard-spacer !default;
59
- $taskboard-pane-header-font-weight: 500 !default;
60
- $taskboard-pane-header-text: $kendo-component-header-text !default;
61
-
62
- $taskboard-pane-content-padding-y: 0px !default;
63
- $taskboard-pane-content-padding-x: $taskboard-spacer !default;
64
-
65
- $taskboard-pane-actions-padding-y: ( $taskboard-spacer * .75 ) !default;
66
- $taskboard-pane-actions-padding-x: $taskboard-spacer !default;
67
-
68
- $taskboard-card-padding-y: $taskboard-spacer !default;
69
- $taskboard-card-padding-x: $taskboard-card-padding-y !default;
70
- $taskboard-card-border-width: $card-border-width !default;
71
- $taskboard-card-border-radius: $kendo-border-radius-md !default;
72
- $taskboard-card-shadow: $card-shadow !default;
73
- $taskboard-card-bg: $card-bg !default;
74
- $taskboard-card-text: $card-text !default;
75
- $taskboard-card-border: $card-border !default;
76
-
77
- $taskboard-card-category-border-width: 4px !default;
78
-
79
- $taskboard-card-focus-border: k-try-shade( $taskboard-card-border, 18% ) !default;
80
- $taskboard-card-focus-shadow: none !default;
81
-
82
- $taskboard-card-hover-border: k-try-shade( $taskboard-card-border, 10% ) !default;
83
-
84
- $taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 5 ) !default;
85
- $taskboard-card-selected-shadow: none !default;
86
-
87
- $taskboard-card-header-text: $kendo-color-primary !default;
88
- $taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
89
- $taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
90
-
91
- $taskboard-drag-placeholder-border-width: 1px !default;
92
- $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;
93
- $taskboard-drag-placeholder-bg: rgba(255, 255, 255, .2) !default;
94
- $taskboard-drag-placeholder-border: $kendo-component-border !default;
2
+ $kendo-taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
3
+ $kendo-taskboard-padding-y: null !default;
4
+ $kendo-taskboard-padding-x: null !default;
5
+ $kendo-taskboard-font-family: $kendo-font-family !default;
6
+ $kendo-taskboard-font-size: $kendo-font-size-md !default;
7
+ $kendo-taskboard-line-height: $kendo-line-height-md !default;
8
+ $kendo-taskboard-bg: null !default;
9
+ $kendo-taskboard-text: null !default;
10
+ $kendo-taskboard-border: null !default;
11
+
12
+ $kendo-taskboard-toolbar-padding-y: $kendo-taskboard-spacer !default;
13
+ $kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
14
+ $kendo-taskboard-toolbar-bg: null !default;
15
+ $kendo-taskboard-toolbar-text: null !default;
16
+ $kendo-taskboard-toolbar-border: null !default;
17
+ $kendo-taskboard-toolbar-gradient: null !default;
18
+
19
+ $kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
20
+ $kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
21
+
22
+ $kendo-taskboard-column-container-spacing-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
23
+ $kendo-taskboard-column-container-padding-y: 0px !default;
24
+ $kendo-taskboard-column-container-padding-x: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
25
+ $kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
26
+
27
+ $kendo-taskboard-column-width: 320px !default;
28
+ $kendo-taskboard-column-border-width: 1px !default;
29
+ $kendo-taskboard-column-border-radius: $kendo-border-radius-md !default;
30
+ $kendo-taskboard-column-bg: $kendo-base-bg !default;
31
+ $kendo-taskboard-column-text: null !default;
32
+ $kendo-taskboard-column-border: transparent !default;
33
+
34
+ $kendo-taskboard-column-focus-bg: null !default;
35
+ $kendo-taskboard-column-focus-text: null !default;
36
+ $kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
37
+
38
+ $kendo-taskboard-column-header-padding-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
39
+ $kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
40
+ $kendo-taskboard-column-header-gap: k-math-div( $kendo-taskboard-spacer, 4 ) !default;
41
+ $kendo-taskboard-column-header-actions-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
42
+ $kendo-taskboard-column-header-font-weight: 500 !default;
43
+ $kendo-taskboard-column-header-text: $kendo-component-header-text !default;
44
+
45
+ $kendo-taskboard-column-cards-padding-y: null !default;
46
+ $kendo-taskboard-column-cards-padding-x: null !default;
47
+ $kendo-taskboard-column-cards-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
48
+
49
+ $kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
50
+ $kendo-taskboard-pane-padding-y: null !default;
51
+ $kendo-taskboard-pane-padding-x: null !default;
52
+ $kendo-taskboard-pane-border-width: 1px !default;
53
+ $kendo-taskboard-pane-bg: $kendo-component-bg !default;
54
+ $kendo-taskboard-pane-text: $kendo-component-text !default;
55
+ $kendo-taskboard-pane-border: $kendo-component-border !default;
56
+
57
+ $kendo-taskboard-pane-header-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
58
+ $kendo-taskboard-pane-header-padding-x: $kendo-taskboard-spacer !default;
59
+ $kendo-taskboard-pane-header-font-weight: 500 !default;
60
+ $kendo-taskboard-pane-header-text: $kendo-component-header-text !default;
61
+
62
+ $kendo-taskboard-pane-content-padding-y: 0px !default;
63
+ $kendo-taskboard-pane-content-padding-x: $kendo-taskboard-spacer !default;
64
+
65
+ $kendo-taskboard-pane-actions-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
66
+ $kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-spacer !default;
67
+
68
+ $kendo-taskboard-card-padding-y: $kendo-taskboard-spacer !default;
69
+ $kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
70
+ $kendo-taskboard-card-border-width: $kendo-card-border-width !default;
71
+ $kendo-taskboard-card-border-radius: $kendo-border-radius-md !default;
72
+ $kendo-taskboard-card-shadow: $kendo-card-shadow !default;
73
+ $kendo-taskboard-card-bg: $kendo-card-bg !default;
74
+ $kendo-taskboard-card-text: $kendo-card-text !default;
75
+ $kendo-taskboard-card-border: $kendo-card-border !default;
76
+
77
+ $kendo-taskboard-card-category-border-width: 4px !default;
78
+
79
+ $kendo-taskboard-card-focus-border: k-try-shade( $kendo-taskboard-card-border, 18% ) !default;
80
+ $kendo-taskboard-card-focus-shadow: none !default;
81
+
82
+ $kendo-taskboard-card-hover-border: k-try-shade( $kendo-taskboard-card-border, 10% ) !default;
83
+
84
+ $kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 5 ) !default;
85
+ $kendo-taskboard-card-selected-shadow: none !default;
86
+
87
+ $kendo-taskboard-card-header-text: $kendo-color-primary !default;
88
+ $kendo-taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
89
+ $kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
90
+
91
+ $kendo-taskboard-drag-placeholder-border-width: 1px !default;
92
+ $kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
93
+ $kendo-taskboard-drag-placeholder-bg: rgba(255, 255, 255, .2) !default;
94
+ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
package/scss/tilelayout/_layout.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @include exports("tilelayout/layout") {
2
2
 
3
3
  .k-tilelayout {
4
- border-width: $tilelayout-border-width;
4
+ border-width: $kendo-tile-layout-border-width;
5
5
  border-style: solid;
6
6
  box-sizing: border-box;
7
7
  outline: 0;
@@ -11,7 +11,7 @@
11
11
 
12
12
  .k-card {
13
13
  @include box-shadow( none );
14
- border-width: $tilelayout-card-border-width;
14
+ border-width: $kendo-tile-layout-card-border-width;
15
15
  }
16
16
  }
17
17
 
@@ -21,8 +21,8 @@
21
21
  }
22
22
 
23
23
  .k-layout-item-hint {
24
- @include border-radius( $tilelayout-hint-border-radius );
25
- border-width: $tilelayout-hint-border-width;
24
+ @include border-radius( $kendo-tile-layout-hint-border-radius );
25
+ border-width: $kendo-tile-layout-hint-border-width;
26
26
  border-style: solid;
27
27
  position: relative;
28
28
 
package/scss/tilelayout/_theme.scss CHANGED
@@ -2,19 +2,19 @@
2
2
 
3
3
  .k-tilelayout {
4
4
  @include fill(
5
- $bg: $tilelayout-bg
5
+ $bg: $kendo-tile-layout-bg
6
6
  );
7
7
  }
8
8
 
9
9
  .k-tilelayout-item:focus,
10
10
  .k-tilelayout-item.k-focus {
11
- @include focus-indicator($tilelayout-card-focus-shadow);
11
+ @include focus-indicator($kendo-tile-layout-card-focus-shadow);
12
12
  }
13
13
 
14
14
  .k-layout-item-hint {
15
15
  @include fill(
16
- $bg: $tilelayout-hint-bg,
17
- $border: $tilelayout-hint-border
16
+ $bg: $kendo-tile-layout-hint-bg,
17
+ $border: $kendo-tile-layout-hint-border
18
18
  );
19
19
  }
20
20
 
package/scss/tilelayout/_variables.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  // TileLayout
2
- $tilelayout-border-width: 0px !default;
3
- $tilelayout-card-border-width: $card-border-width !default;
4
- $tilelayout-card-focus-shadow: $card-focus-shadow !default;
2
+ $kendo-tile-layout-border-width: 0px !default;
3
+ $kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
4
+ $kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;
5
5
 
6
- $tilelayout-hint-border-width: 1px !default;
7
- $tilelayout-hint-border-radius: $kendo-border-radius-lg !default;
6
+ $kendo-tile-layout-hint-border-width: 1px !default;
7
+ $kendo-tile-layout-hint-border-radius: $kendo-border-radius-lg !default;
8
8
 
9
- $tilelayout-bg: $base-bg !default;
9
+ $kendo-tile-layout-bg: $kendo-base-bg !default;
10
10
 
11
- $tilelayout-hint-bg: rgba(255, 255, 255, .2) !default;
12
- $tilelayout-hint-border: $kendo-component-border !default;
11
+ $kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;
12
+ $kendo-tile-layout-hint-border: $kendo-component-border !default;