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

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 (373) hide show
  1. package/dist/all.css +27588 -14394
  2. package/dist/all.scss +10311 -7302
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/package.json +7 -7
  15. package/scss/_variables.scss +122 -218
  16. package/scss/action-buttons/_index.scss +3 -3
  17. package/scss/action-buttons/_layout.scss +0 -15
  18. package/scss/action-buttons/_variables.scss +4 -4
  19. package/scss/action-sheet/_index.scss +3 -4
  20. package/scss/action-sheet/_layout.scss +1 -1
  21. package/scss/action-sheet/_variables.scss +18 -18
  22. package/scss/adaptive/_index.scss +3 -3
  23. package/scss/adaptive/_layout.scss +12 -19
  24. package/scss/adaptive/_theme.scss +1 -1
  25. package/scss/adaptive/_variables.scss +13 -13
  26. package/scss/all.scss +1 -1
  27. package/scss/appbar/_index.scss +3 -3
  28. package/scss/appbar/_layout.scss +9 -9
  29. package/scss/appbar/_theme.scss +7 -7
  30. package/scss/appbar/_variables.scss +16 -16
  31. package/scss/autocomplete/_index.scss +3 -3
  32. package/scss/avatar/_index.scss +3 -3
  33. package/scss/avatar/_theme.scss +1 -1
  34. package/scss/avatar/_variables.scss +3 -3
  35. package/scss/badge/_index.scss +3 -3
  36. package/scss/badge/_layout.scss +6 -6
  37. package/scss/badge/_theme.scss +2 -2
  38. package/scss/badge/_variables.scss +8 -8
  39. package/scss/bottom-navigation/_index.scss +3 -3
  40. package/scss/bottom-navigation/_layout.scss +1 -1
  41. package/scss/bottom-navigation/_theme.scss +4 -12
  42. package/scss/bottom-navigation/_variables.scss +9 -11
  43. package/scss/breadcrumb/_index.scss +3 -3
  44. package/scss/breadcrumb/_layout.scss +3 -3
  45. package/scss/breadcrumb/_theme.scss +15 -15
  46. package/scss/breadcrumb/_variables.scss +20 -22
  47. package/scss/button/_index.scss +3 -3
  48. package/scss/button/_layout.scss +6 -15
  49. package/scss/button/_theme.scss +18 -18
  50. package/scss/button/_variables.scss +20 -14
  51. package/scss/calendar/_index.scss +3 -3
  52. package/scss/calendar/_layout.scss +8 -15
  53. package/scss/calendar/_theme.scss +4 -18
  54. package/scss/calendar/_variables.scss +38 -39
  55. package/scss/captcha/_index.scss +3 -3
  56. package/scss/captcha/_variables.scss +5 -5
  57. package/scss/card/_index.scss +3 -4
  58. package/scss/card/_layout.scss +1 -18
  59. package/scss/card/_theme.scss +3 -3
  60. package/scss/card/_variables.scss +18 -18
  61. package/scss/chat/_index.scss +3 -3
  62. package/scss/chat/_layout.scss +3 -3
  63. package/scss/chat/_theme.scss +1 -1
  64. package/scss/chat/_variables.scss +21 -21
  65. package/scss/checkbox/_index.scss +3 -3
  66. package/scss/checkbox/_layout.scss +5 -5
  67. package/scss/checkbox/_variables.scss +20 -20
  68. package/scss/chip/_index.scss +3 -3
  69. package/scss/chip/_layout.scss +4 -29
  70. package/scss/chip/_theme.scss +21 -21
  71. package/scss/chip/_variables.scss +25 -20
  72. package/scss/color-preview/_index.scss +3 -3
  73. package/scss/color-preview/_variables.scss +5 -5
  74. package/scss/coloreditor/_index.scss +3 -3
  75. package/scss/coloreditor/_variables.scss +6 -6
  76. package/scss/colorgradient/_index.scss +4 -4
  77. package/scss/colorgradient/_layout.scss +4 -5
  78. package/scss/colorgradient/_theme.scss +7 -7
  79. package/scss/colorgradient/_variables.scss +11 -11
  80. package/scss/colorpalette/_index.scss +3 -3
  81. package/scss/colorpalette/_layout.scss +1 -2
  82. package/scss/colorpalette/_variables.scss +1 -1
  83. package/scss/colorpicker/_index.scss +3 -3
  84. package/scss/combobox/_index.scss +3 -3
  85. package/scss/common/_base.scss +23 -96
  86. package/scss/common/_index.scss +5 -7
  87. package/scss/common/_selection.scss +4 -4
  88. package/scss/core/_index.scss +18 -8
  89. package/scss/core/color-system/index.import.scss +1 -0
  90. package/scss/core/functions/index.import.scss +1 -0
  91. package/scss/core/mixins/index.import.scss +1 -0
  92. package/scss/core/module-system/index.import.scss +1 -0
  93. package/scss/core/styles/index.import.scss +1 -0
  94. package/scss/dataviz/_index.scss +3 -3
  95. package/scss/dataviz/_layout.scss +30 -40
  96. package/scss/dataviz/_theme.scss +13 -13
  97. package/scss/dataviz/_variables.scss +41 -40
  98. package/scss/dateinput/_index.scss +3 -3
  99. package/scss/datepicker/_index.scss +3 -3
  100. package/scss/daterangepicker/_index.scss +3 -3
  101. package/scss/daterangepicker/_layout.scss +1 -1
  102. package/scss/datetimepicker/_index.scss +3 -3
  103. package/scss/dialog/_index.scss +3 -3
  104. package/scss/dialog/_layout.scss +6 -21
  105. package/scss/dialog/_theme.scss +11 -3
  106. package/scss/dialog/_variables.scss +15 -7
  107. package/scss/draggable/_index.scss +10 -0
  108. package/scss/draggable/_layout.scss +122 -0
  109. package/scss/draggable/_theme.scss +14 -0
  110. package/scss/draggable/_variables.scss +27 -0
  111. package/scss/drawer/_index.scss +3 -3
  112. package/scss/drawer/_layout.scss +23 -22
  113. package/scss/drawer/_theme.scss +18 -18
  114. package/scss/drawer/_variables.scss +38 -37
  115. package/scss/dropdowngrid/_index.scss +3 -2
  116. package/scss/dropdownlist/_index.scss +3 -3
  117. package/scss/dropdownlist/_layout.scss +2 -0
  118. package/scss/dropdownlist/_variables.scss +0 -15
  119. package/scss/dropdowntree/_index.scss +3 -3
  120. package/scss/dropdowntree/_variables.scss +2 -2
  121. package/scss/dropzone/_index.scss +3 -3
  122. package/scss/dropzone/_variables.scss +7 -7
  123. package/scss/editor/_index.scss +3 -3
  124. package/scss/editor/_layout.scss +73 -150
  125. package/scss/editor/_theme.scss +24 -16
  126. package/scss/editor/_variables.scss +16 -16
  127. package/scss/expansion-panel/_index.scss +3 -3
  128. package/scss/expansion-panel/_layout.scss +1 -1
  129. package/scss/expansion-panel/_theme.scss +2 -2
  130. package/scss/expansion-panel/_variables.scss +13 -13
  131. package/scss/fab/_index.scss +3 -3
  132. package/scss/fab/_layout.scss +3 -12
  133. package/scss/fab/_theme.scss +13 -13
  134. package/scss/fab/_variables.scss +11 -11
  135. package/scss/filemanager/_index.scss +3 -3
  136. package/scss/filemanager/_layout.scss +1 -1
  137. package/scss/filemanager/_variables.scss +12 -12
  138. package/scss/filter/_index.scss +3 -3
  139. package/scss/filter/_theme.scss +2 -2
  140. package/scss/filter/_variables.scss +4 -4
  141. package/scss/floating-label/_index.scss +3 -3
  142. package/scss/forms/_index.scss +3 -3
  143. package/scss/forms/_layout.scss +57 -50
  144. package/scss/forms/_theme.scss +7 -7
  145. package/scss/forms/_variables.scss +59 -44
  146. package/scss/gantt/_index.scss +4 -4
  147. package/scss/gantt/_layout.scss +22 -17
  148. package/scss/gantt/_theme.scss +3 -3
  149. package/scss/gantt/_variables.scss +28 -28
  150. package/scss/grid/_index.scss +5 -3
  151. package/scss/grid/_layout.scss +394 -615
  152. package/scss/grid/_theme.scss +152 -163
  153. package/scss/grid/_variables.scss +193 -95
  154. package/scss/icons/_index.scss +2 -2
  155. package/scss/icons/_layout.scss +1 -2
  156. package/scss/imageeditor/_index.scss +3 -3
  157. package/scss/imageeditor/_layout.scss +4 -19
  158. package/scss/imageeditor/_variables.scss +6 -6
  159. package/scss/index.scss +109 -110
  160. package/scss/input/_index.scss +3 -3
  161. package/scss/input/_layout.scss +28 -31
  162. package/scss/input/_theme.scss +6 -6
  163. package/scss/input/_variables.scss +16 -16
  164. package/scss/list/_index.scss +3 -3
  165. package/scss/list/_layout.scss +17 -27
  166. package/scss/list/_theme.scss +1 -1
  167. package/scss/list/_variables.scss +32 -32
  168. package/scss/listbox/_index.scss +3 -3
  169. package/scss/listbox/_layout.scss +24 -62
  170. package/scss/listbox/_theme.scss +4 -4
  171. package/scss/listbox/_variables.scss +45 -16
  172. package/scss/listgroup/_index.scss +3 -3
  173. package/scss/listgroup/_variables.scss +5 -5
  174. package/scss/listview/_index.scss +3 -3
  175. package/scss/listview/_layout.scss +16 -17
  176. package/scss/listview/_theme.scss +15 -10
  177. package/scss/listview/_variables.scss +19 -19
  178. package/scss/loader/_index.scss +3 -3
  179. package/scss/loader/_layout.scss +184 -43
  180. package/scss/loader/_theme.scss +4 -4
  181. package/scss/loader/_variables.scss +48 -42
  182. package/scss/map/_index.scss +4 -4
  183. package/scss/map/_variables.scss +6 -6
  184. package/scss/maskedtextbox/_index.scss +3 -3
  185. package/scss/mediaplayer/_index.scss +3 -3
  186. package/scss/mediaplayer/_layout.scss +2 -2
  187. package/scss/mediaplayer/_variables.scss +5 -5
  188. package/scss/menu/_index.scss +3 -3
  189. package/scss/menu/_layout.scss +3 -3
  190. package/scss/menu/_variables.scss +19 -19
  191. package/scss/menu-button/_index.scss +3 -3
  192. package/scss/messagebox/_index.scss +3 -3
  193. package/scss/messagebox/_theme.scss +3 -3
  194. package/scss/messagebox/_variables.scss +2 -2
  195. package/scss/multiselect/_index.scss +3 -3
  196. package/scss/notification/_index.scss +3 -3
  197. package/scss/notification/_layout.scss +28 -45
  198. package/scss/notification/_theme.scss +7 -15
  199. package/scss/notification/_variables.scss +42 -18
  200. package/scss/numerictextbox/_index.scss +3 -3
  201. package/scss/orgchart/_index.scss +3 -3
  202. package/scss/orgchart/_variables.scss +7 -7
  203. package/scss/overlay/_index.scss +3 -3
  204. package/scss/overlay/_variables.scss +1 -1
  205. package/scss/pager/_index.scss +4 -3
  206. package/scss/pager/_layout.scss +55 -81
  207. package/scss/pager/_theme.scss +16 -97
  208. package/scss/pager/_variables.scss +133 -54
  209. package/scss/panelbar/_index.scss +3 -3
  210. package/scss/panelbar/_layout.scss +3 -44
  211. package/scss/panelbar/_theme.scss +50 -50
  212. package/scss/panelbar/_variables.scss +67 -67
  213. package/scss/pdf-viewer/_index.scss +3 -3
  214. package/scss/pdf-viewer/_layout.scss +1 -12
  215. package/scss/pdf-viewer/_variables.scss +16 -16
  216. package/scss/pivotgrid/_index.scss +4 -3
  217. package/scss/pivotgrid/_layout.scss +11 -63
  218. package/scss/pivotgrid/_theme.scss +6 -6
  219. package/scss/pivotgrid/_variables.scss +32 -32
  220. package/scss/popover/_index.scss +3 -3
  221. package/scss/popover/_layout.scss +1 -1
  222. package/scss/popover/_variables.scss +3 -3
  223. package/scss/popup/_index.scss +3 -3
  224. package/scss/popup/_variables.scss +5 -5
  225. package/scss/progressbar/_index.scss +3 -3
  226. package/scss/progressbar/_layout.scss +38 -87
  227. package/scss/progressbar/_theme.scss +20 -10
  228. package/scss/progressbar/_variables.scss +66 -22
  229. package/scss/radio/_index.scss +3 -3
  230. package/scss/radio/_layout.scss +5 -5
  231. package/scss/radio/_variables.scss +12 -12
  232. package/scss/rating/_index.scss +3 -3
  233. package/scss/rating/_layout.scss +1 -1
  234. package/scss/rating/_theme.scss +4 -4
  235. package/scss/rating/_variables.scss +11 -11
  236. package/scss/responsivepanel/_index.scss +3 -3
  237. package/scss/ripple/_index.scss +3 -3
  238. package/scss/scheduler/_index.scss +3 -3
  239. package/scss/scheduler/_layout.scss +19 -19
  240. package/scss/scheduler/_theme.scss +9 -9
  241. package/scss/scheduler/_variables.scss +33 -33
  242. package/scss/scroller/_index.scss +3 -3
  243. package/scss/scrollview/_index.scss +3 -3
  244. package/scss/scrollview/_layout.scss +3 -2
  245. package/scss/scrollview/_variables.scss +6 -6
  246. package/scss/searchbox/_index.scss +3 -3
  247. package/scss/signature/_index.scss +3 -3
  248. package/scss/signature/_layout.scss +4 -4
  249. package/scss/signature/_variables.scss +8 -8
  250. package/scss/skeleton/_index.scss +3 -3
  251. package/scss/skeleton/_layout.scss +7 -0
  252. package/scss/skeleton/_variables.scss +1 -1
  253. package/scss/slider/_index.scss +5 -5
  254. package/scss/slider/_layout.scss +5 -5
  255. package/scss/slider/_theme.scss +9 -9
  256. package/scss/slider/_variables.scss +13 -13
  257. package/scss/split-button/_index.scss +3 -3
  258. package/scss/split-button/_layout.scss +0 -10
  259. package/scss/splitter/_index.scss +3 -3
  260. package/scss/splitter/_layout.scss +1 -5
  261. package/scss/splitter/_variables.scss +6 -6
  262. package/scss/spreadsheet/_index.scss +4 -4
  263. package/scss/spreadsheet/_layout.scss +19 -23
  264. package/scss/spreadsheet/_theme.scss +23 -23
  265. package/scss/spreadsheet/_variables.scss +9 -9
  266. package/scss/stepper/_index.scss +3 -3
  267. package/scss/stepper/_layout.scss +2 -2
  268. package/scss/stepper/_theme.scss +5 -5
  269. package/scss/stepper/_variables.scss +15 -15
  270. package/scss/switch/_index.scss +3 -3
  271. package/scss/switch/_layout.scss +12 -13
  272. package/scss/switch/_variables.scss +6 -6
  273. package/scss/table/_index.scss +4 -4
  274. package/scss/table/_layout.scss +9 -7
  275. package/scss/table/_theme.scss +12 -9
  276. package/scss/table/_variables.scss +39 -27
  277. package/scss/tabstrip/_index.scss +3 -3
  278. package/scss/tabstrip/_layout.scss +3 -6
  279. package/scss/tabstrip/_theme.scss +6 -6
  280. package/scss/tabstrip/_variables.scss +19 -19
  281. package/scss/taskboard/_index.scss +3 -3
  282. package/scss/taskboard/_layout.scss +0 -23
  283. package/scss/taskboard/_theme.scss +1 -1
  284. package/scss/taskboard/_variables.scss +20 -20
  285. package/scss/textarea/_index.scss +3 -3
  286. package/scss/textbox/_index.scss +3 -3
  287. package/scss/tilelayout/_index.scss +3 -3
  288. package/scss/tilelayout/_layout.scss +1 -1
  289. package/scss/tilelayout/_variables.scss +1 -1
  290. package/scss/timedurationpicker/_index.scss +3 -3
  291. package/scss/timeline/_index.scss +3 -3
  292. package/scss/timeline/_layout.scss +3 -3
  293. package/scss/timeline/_theme.scss +2 -2
  294. package/scss/timeline/_variables.scss +10 -10
  295. package/scss/timepicker/_index.scss +3 -3
  296. package/scss/timeselector/_index.scss +3 -3
  297. package/scss/timeselector/_layout.scss +8 -8
  298. package/scss/timeselector/_theme.scss +3 -3
  299. package/scss/timeselector/_variables.scss +8 -8
  300. package/scss/toolbar/_index.scss +3 -3
  301. package/scss/toolbar/_layout.scss +87 -92
  302. package/scss/toolbar/_theme.scss +35 -26
  303. package/scss/toolbar/_variables.scss +77 -19
  304. package/scss/tooltip/_index.scss +3 -3
  305. package/scss/tooltip/_layout.scss +1 -1
  306. package/scss/tooltip/_variables.scss +14 -14
  307. package/scss/treelist/_index.scss +3 -3
  308. package/scss/treelist/_layout.scss +10 -10
  309. package/scss/treelist/_theme.scss +1 -1
  310. package/scss/treelist/_variables.scss +2 -2
  311. package/scss/treeview/_index.scss +3 -3
  312. package/scss/treeview/_layout.scss +7 -7
  313. package/scss/treeview/_variables.scss +14 -14
  314. package/scss/typography/_index.scss +3 -3
  315. package/scss/typography/_theme.scss +2 -2
  316. package/scss/typography/_variables.scss +5 -5
  317. package/scss/upload/_index.scss +3 -3
  318. package/scss/upload/_layout.scss +36 -220
  319. package/scss/upload/_theme.scss +36 -76
  320. package/scss/upload/_variables.scss +34 -35
  321. package/scss/utils/_aspect-ratio.scss +11 -6
  322. package/scss/utils/_display.scss +16 -16
  323. package/scss/utils/_flex.scss +42 -42
  324. package/scss/utils/_float.scss +37 -21
  325. package/scss/utils/_grid.scss +13 -15
  326. package/scss/utils/_index.scss +22 -19
  327. package/scss/utils/_order.scss +16 -8
  328. package/scss/utils/_overflow.scss +32 -16
  329. package/scss/utils/_pointer-events.scss +11 -6
  330. package/scss/utils/_position.scss +63 -36
  331. package/scss/utils/_resize.scss +26 -16
  332. package/scss/utils/_spacer.scss +4 -4
  333. package/scss/utils/_spacing.scss +94 -70
  334. package/scss/utils/_table-layout.scss +4 -4
  335. package/scss/utils/_text.scss +62 -36
  336. package/scss/utils/_touch-action.scss +11 -6
  337. package/scss/utils/_transform.scss +42 -42
  338. package/scss/utils/_user-select.scss +31 -20
  339. package/scss/validator/_index.scss +3 -3
  340. package/scss/virtual-scroller/_index.scss +3 -3
  341. package/scss/window/_index.scss +3 -3
  342. package/scss/window/_layout.scss +28 -29
  343. package/scss/window/_theme.scss +17 -9
  344. package/scss/window/_variables.scss +37 -29
  345. package/scss/wizard/_index.scss +3 -3
  346. package/scss/wizard/_layout.scss +1 -1
  347. package/scss/wizard/_theme.scss +1 -7
  348. package/scss/wizard/_variables.scss +4 -5
  349. package/scss/common/_loading.scss +0 -140
  350. package/scss/core/_asp-fallback.scss +0 -8
  351. package/scss/core/_color-system.scss +0 -56
  352. package/scss/core/_extra.scss +0 -26
  353. package/scss/core/_layout.scss +0 -68
  354. package/scss/core/_normalize.scss +0 -15
  355. package/scss/core/functions/_colors.scss +0 -424
  356. package/scss/core/functions/_index.scss +0 -3
  357. package/scss/core/functions/_math.scss +0 -21
  358. package/scss/core/functions/_misc.scss +0 -35
  359. package/scss/core/mixins/_border-radius.scss +0 -58
  360. package/scss/core/mixins/_box-shadow.scss +0 -5
  361. package/scss/core/mixins/_data-uri.scss +0 -16
  362. package/scss/core/mixins/_decoration.scss +0 -27
  363. package/scss/core/mixins/_disabled.scss +0 -16
  364. package/scss/core/mixins/_gradients.scss +0 -35
  365. package/scss/core/mixins/_hide-scrollbar.scss +0 -17
  366. package/scss/core/mixins/_import-once.scss +0 -14
  367. package/scss/core/mixins/_index.scss +0 -15
  368. package/scss/core/mixins/_module-system.scss +0 -149
  369. package/scss/core/mixins/_typography.scss +0 -17
  370. package/scss/cursor/_index.scss +0 -9
  371. package/scss/cursor/_layout.scss +0 -9
  372. package/scss/cursor/_theme.scss +0 -3
  373. package/scss/styling/_index.scss +0 -5
package/scss/grid/_theme.scss CHANGED
@@ -1,23 +1,18 @@
1
1
  @include exports("grid/theme") {
2
2
 
3
- $tooltip-bg: $primary !default;
4
- $tooltip-text: contrast-wcag($primary) !default;
5
-
6
3
  .k-grid-header,
7
- .k-header,
8
- th.k-header,
9
4
  .k-grid-header-wrap,
10
5
  .k-grouping-header,
11
- .k-grouping-header .k-group-indicator,
12
- .k-grid td,
6
+ .k-grid .k-table-th,
7
+ .k-grid .k-table-td,
13
8
  .k-grid-footer,
14
9
  .k-grid-footer-wrap,
15
10
  .k-grid-content-locked,
16
11
  .k-grid-footer-locked,
17
12
  .k-grid-header-locked,
18
- .k-filter-row > td,
19
- .k-filter-row > th {
20
- @include fill( $border: $grid-header-border );
13
+ .k-filter-row > .k-table-th,
14
+ .k-filter-row > .k-table-td {
15
+ @include fill( $border: $kendo-grid-header-border );
21
16
  }
22
17
 
23
18
  .k-grid-header,
@@ -25,11 +20,15 @@
25
20
  .k-grid-add-row,
26
21
  .k-grid-footer {
27
22
  @include fill(
28
- $color: $grid-header-text,
29
- $bg: $grid-header-bg
23
+ $color: $kendo-grid-header-text,
24
+ $bg: $kendo-grid-header-bg
30
25
  );
31
26
  }
32
27
 
28
+ .k-grid .k-table {
29
+ background-color: inherit;
30
+ }
31
+
33
32
  .k-grid-toolbar {
34
33
  @include fill(
35
34
  null,
@@ -42,144 +41,134 @@
42
41
 
43
42
  .k-grid-content {
44
43
  // setting this background color resolves glitches in iOS
45
- @include fill($bg: $grid-bg );
44
+ @include fill($bg: $kendo-grid-bg );
46
45
  }
47
46
 
48
- .k-group-footer td,
49
- .k-grouping-row td,
50
- tbody .k-group-cell {
47
+ .k-group-footer .k-table-td,
48
+ .k-grouping-row .k-table-td,
49
+ .k-table-tbody .k-group-cell {
51
50
  @include fill(
52
- $color: $grid-grouping-row-text,
53
- $bg: $grid-grouping-row-bg
51
+ $color: $kendo-grid-grouping-row-text,
52
+ $bg: $kendo-grid-grouping-row-bg
54
53
  );
55
54
  }
56
55
 
57
56
  .k-grouping-dropclue {
58
57
  &::before {
59
- border-color: $grid-header-text transparent transparent;
58
+ border-color: $kendo-grid-header-text transparent transparent;
60
59
  }
61
60
 
62
61
  &::after {
63
- background-color: $grid-header-text;
62
+ background-color: $kendo-grid-header-text;
64
63
  }
65
64
  }
66
65
 
67
66
  .k-grid {
68
- @include fill( $grid-text, $grid-bg, $grid-border );
67
+ @include fill( $kendo-grid-text, $kendo-grid-bg, $kendo-grid-border );
69
68
 
70
69
  // Alt row
71
- tr.k-alt {
72
- background-color: $grid-alt-bg;
70
+ .k-table-row.k-table-alt-row {
71
+ background-color: $kendo-grid-alt-bg;
73
72
  }
74
73
 
75
74
  // Hover state
76
- tbody > tr:not(.k-detail-row):hover,
77
- tbody > tr:not(.k-detail-row).k-hover {
78
- color: $grid-hovered-text;
79
- background-color: $grid-hovered-bg;
75
+ .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
76
+ .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
77
+ color: $kendo-grid-hover-text;
78
+ background-color: $kendo-grid-hover-bg;
80
79
  }
81
80
 
82
81
  // Selected state
83
- td.k-selected,
84
- tr.k-selected > td {
85
- color: $grid-selected-text;
86
- background-color: $grid-selected-bg;
82
+ .k-table-td.k-selected,
83
+ .k-table-row.k-selected > .k-table-td {
84
+ color: $kendo-grid-selected-text;
85
+ background-color: $kendo-grid-selected-bg;
87
86
  }
88
87
 
89
88
  // Focused state
90
- td:focus,
91
- td.k-focus,
92
- th:focus,
93
- th.k-focus,
94
- .k-master-row > td:focus,
95
- .k-grouping-row > td:focus,
96
- .k-detail-row > td:focus,
97
- .k-group-footer > td:focus,
98
- .k-grid-pager.k-focus {
99
- box-shadow: $grid-focused-shadow;
89
+ .k-table-th,
90
+ .k-table-td,
91
+ .k-master-row > .k-table-td,
92
+ .k-grouping-row > .k-table-td,
93
+ .k-detail-row > .k-table-td,
94
+ .k-group-footer > .k-table-td,
95
+ .k-grid-pager {
96
+ &:focus,
97
+ &.k-focus {
98
+ box-shadow: $kendo-grid-focus-shadow;
99
+ }
100
100
  }
101
101
 
102
102
  .k-grid-filter,
103
103
  .k-header-column-menu,
104
104
  .k-grid-header-menu,
105
105
  .k-hierarchy-cell .k-icon {
106
- color: $grid-header-text;
106
+ color: $kendo-grid-header-text;
107
107
  }
108
108
 
109
109
  .k-grouping-row {
110
- background-color: $grid-grouping-row-bg;
110
+ background-color: $kendo-grid-grouping-row-bg;
111
111
 
112
112
  .k-icon {
113
- color: $grid-header-text;
113
+ color: $kendo-grid-header-text;
114
114
  }
115
115
 
116
116
  .k-grid-content-sticky {
117
- border-color: $grid-sticky-border;
118
- border-top-color: $grid-header-border;
117
+ border-color: $kendo-grid-sticky-border;
118
+ border-top-color: $kendo-grid-header-border;
119
119
  }
120
120
  }
121
121
 
122
122
  // Locked columns
123
123
  .k-grid-header-locked,
124
124
  .k-grid-content-locked,
125
- .k-grid-header-locked .k-header,
126
- .k-grid-content-locked td {
127
- border-color: $grid-sticky-header-border;
125
+ .k-grid-header-locked .k-table-th,
126
+ .k-grid-content-locked .k-table-td {
127
+ border-color: $kendo-grid-sticky-header-border;
128
128
  }
129
129
 
130
130
  .k-grid-content-locked {
131
- .k-group-footer td,
131
+ .k-group-footer .k-table-td,
132
132
  .k-group-cell {
133
- @include fill( $border: $grid-header-border );
133
+ @include fill( $border: $kendo-grid-header-border );
134
134
  }
135
135
 
136
- .k-grouping-row + tr td {
137
- border-top-color: $grid-header-border;
136
+ .k-grouping-row + .k-table-row .k-table-td {
137
+ border-top-color: $kendo-grid-header-border;
138
138
  }
139
139
 
140
140
  // Selected state
141
- .k-selected td {
142
- @include fill( $bg: $grid-sticky-selected-bg );
141
+ .k-selected .k-table-td {
142
+ @include fill( $bg: $kendo-grid-sticky-selected-bg );
143
143
  }
144
144
 
145
- .k-selected.k-alt td {
146
- @include fill( $bg: $grid-sticky-selected-alt-bg );
145
+ .k-selected.k-table-alt-row .k-table-td {
146
+ @include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
147
147
  }
148
148
 
149
149
  // Selected hover
150
- .k-selected:hover td,
151
- .k-selected.k-hover td {
152
- @include fill( $bg: $grid-sticky-selected-hovered-bg );
150
+ .k-selected:hover .k-table-td,
151
+ .k-selected.k-hover .k-table-td {
152
+ @include fill( $bg: $kendo-grid-sticky-selected-hover-bg );
153
153
  }
154
154
  }
155
155
 
156
- .k-grid-header-locked .k-header {
157
- border-bottom-color: $grid-header-border;
158
- }
159
-
160
- &[dir="rtl"],
161
- &.k-rtl {
162
- th.k-hierarchy-cell,
163
- td.k-hierarchy-cell {
164
- border-left-color: transparent;
165
- }
156
+ .k-grid-header-locked .k-table-th {
157
+ border-bottom-color: $kendo-grid-header-border;
166
158
  }
167
159
  }
168
160
 
169
161
  col.k-sorted,
170
- th.k-sorted {
171
- background-color: $grid-sorted-bg;
162
+ .k-table-th.k-sorted {
163
+ background-color: $kendo-grid-sorted-bg;
172
164
  }
173
165
 
174
166
  // Grid header
175
167
  .k-grid-header {
176
168
 
177
- .k-i-sort-asc-sm,
178
- .k-i-sort-desc-sm,
179
- .k-i-sort-asc-small,
180
- .k-i-sort-desc-small,
169
+ .k-sort-icon,
181
170
  .k-sort-order {
182
- color: $grid-sorting-indicator-text;
171
+ color: $kendo-grid-sorting-indicator-text;
183
172
  }
184
173
 
185
174
  .k-grid-filter,
@@ -192,73 +181,73 @@
192
181
  }
193
182
  &:focus,
194
183
  &.k-focus {
195
- box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
184
+ box-shadow: inset 0 0 0 2px rgba( $kendo-color-black, .1 );
196
185
  }
197
186
  &.k-active {
198
- color: $selected-text;
199
- background-color: $selected-bg;
187
+ color: $kendo-selected-text;
188
+ background-color: $kendo-selected-bg;
200
189
  }
201
190
  }
202
191
 
203
- th.k-grid-header-sticky,
204
- td.k-grid-header-sticky,
192
+ .k-table-th.k-grid-header-sticky,
193
+ .k-table-td.k-grid-header-sticky,
205
194
  .k-grid-header-sticky.k-sorted {
206
195
  @include fill(
207
- $color: $grid-sticky-header-text,
208
- $bg: $grid-sticky-header-bg
196
+ $color: $kendo-grid-sticky-header-text,
197
+ $bg: $kendo-grid-sticky-header-bg
209
198
  );
210
199
 
211
- border-right-color: $grid-sticky-header-border;
212
- border-left-color: $grid-sticky-header-border;
200
+ border-right-color: $kendo-grid-sticky-header-border;
201
+ border-left-color: $kendo-grid-sticky-header-border;
213
202
  }
214
203
  }
215
204
 
216
205
  // Grid footer
217
206
  .k-grid-footer {
218
207
  @include fill(
219
- $grid-footer-text,
220
- $grid-footer-bg,
221
- $grid-footer-border
208
+ $kendo-grid-footer-text,
209
+ $kendo-grid-footer-bg,
210
+ $kendo-grid-footer-border
222
211
  );
223
212
  .k-grid-footer-sticky {
224
- border-left-color: $grid-sticky-border;
225
- border-right-color: $grid-sticky-border;
226
- background-color: $grid-sticky-footer-bg;
213
+ border-left-color: $kendo-grid-sticky-border;
214
+ border-right-color: $kendo-grid-sticky-border;
215
+ background-color: $kendo-grid-sticky-footer-bg;
227
216
  }
228
217
  }
229
218
 
230
219
  // Content
231
220
  .k-master-row {
232
221
  .k-grid-content-sticky {
233
- border-color: $grid-sticky-border;
234
- border-top-color: $grid-header-border;
235
- background-color: $grid-sticky-bg;
222
+ border-color: $kendo-grid-sticky-border;
223
+ border-top-color: $kendo-grid-header-border;
224
+ background-color: $kendo-grid-sticky-bg;
236
225
  }
237
226
 
238
227
  .k-grid-row-sticky {
239
- border-top-color: $grid-sticky-border;
240
- border-bottom-color: $grid-sticky-border;
241
- background-color: $grid-sticky-bg;
228
+ border-top-color: $kendo-grid-sticky-border;
229
+ border-bottom-color: $kendo-grid-sticky-border;
230
+ background-color: $kendo-grid-sticky-bg;
242
231
  }
243
232
 
244
- &.k-alt {
233
+ &.k-table-alt-row {
245
234
  .k-grid-content-sticky,
246
235
  .k-grid-row-sticky {
247
- @include fill( $bg: $grid-sticky-alt-bg );
236
+ @include fill( $bg: $kendo-grid-sticky-alt-bg );
248
237
  }
249
238
  }
250
239
 
251
240
  // Selected state
252
241
  &.k-selected .k-grid-content-sticky,
253
242
  &.k-selected .k-grid-row-sticky,
254
- td.k-grid-content-sticky.k-selected {
255
- @include fill( $bg: $grid-sticky-selected-bg );
243
+ .k-table-td.k-grid-content-sticky.k-selected {
244
+ @include fill( $bg: $kendo-grid-sticky-selected-bg );
256
245
  }
257
246
 
258
- &.k-selected.k-alt .k-grid-content-sticky,
259
- &.k-selected.k-alt .k-grid-row-sticky,
260
- &.k-alt td.k-grid-content-sticky.k-selected {
261
- @include fill( $bg: $grid-sticky-selected-alt-bg );
247
+ &.k-selected.k-table-alt-row .k-grid-content-sticky,
248
+ &.k-selected.k-table-alt-row .k-grid-row-sticky,
249
+ &.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
250
+ @include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
262
251
  }
263
252
 
264
253
 
@@ -267,7 +256,7 @@
267
256
  &:hover .k-grid-row-sticky,
268
257
  &.k-hover .k-grid-content-sticky,
269
258
  &.k-hover .k-grid-row-sticky {
270
- background-color: $grid-sticky-hovered-bg;
259
+ background-color: $kendo-grid-sticky-hover-bg;
271
260
  }
272
261
 
273
262
 
@@ -276,94 +265,94 @@
276
265
  &.k-selected:hover .k-grid-row-sticky,
277
266
  &.k-selected.k-hover .k-grid-content-sticky,
278
267
  &.k-selected.k-hover .k-grid-row-sticky,
279
- &:hover td.k-grid-content-sticky.k-selected,
280
- &.k-hover td.k-grid-content-sticky.k-selected {
281
- background-color: $grid-sticky-selected-hovered-bg;
268
+ &:hover .k-table-td.k-grid-content-sticky.k-selected,
269
+ &.k-hover .k-table-td.k-grid-content-sticky.k-selected {
270
+ background-color: $kendo-grid-sticky-selected-hover-bg;
282
271
  }
283
272
  }
284
273
 
285
- kendo-grid {
274
+ kendo-grid.k-grid {
286
275
  .k-grid-content-sticky {
287
- border-top-color: $grid-header-border;
288
- border-left-color: $grid-sticky-border;
289
- border-right-color: $grid-sticky-border;
290
- background-color: $grid-sticky-bg;
276
+ border-top-color: $kendo-grid-header-border;
277
+ border-left-color: $kendo-grid-sticky-border;
278
+ border-right-color: $kendo-grid-sticky-border;
279
+ background-color: $kendo-grid-sticky-bg;
291
280
 
292
281
  &:hover,
293
282
  &.k-hover {
294
- background-color: $grid-sticky-hovered-bg;
283
+ background-color: $kendo-grid-sticky-hover-bg;
295
284
  }
296
285
  }
297
286
 
298
287
  .k-grid-row-sticky {
299
- td {
300
- border-top-color: $grid-sticky-border;
301
- border-bottom-color: $grid-sticky-border;
302
- background-color: $grid-sticky-bg;
288
+ .k-table-td {
289
+ border-top-color: $kendo-grid-sticky-border;
290
+ border-bottom-color: $kendo-grid-sticky-border;
291
+ background-color: $kendo-grid-sticky-bg;
303
292
  }
304
293
 
305
- &:hover td,
306
- &.k-hover td {
307
- background-color: $grid-sticky-hovered-bg;
294
+ &:hover .k-table-td,
295
+ &.k-hover .k-table-td {
296
+ background-color: $kendo-grid-sticky-hover-bg;
308
297
  }
309
298
  }
310
299
 
311
- .k-alt .k-grid-content-sticky,
312
- .k-grid-row-sticky.k-alt td {
313
- @include fill( $bg: $grid-sticky-alt-bg );
300
+ .k-table-alt-row .k-grid-content-sticky,
301
+ .k-grid-row-sticky.k-table-alt-row .k-table-td {
302
+ @include fill( $bg: $kendo-grid-sticky-alt-bg );
314
303
  }
315
304
 
316
305
  // Selected state
317
- tr.k-selected .k-grid-content-sticky,
318
- .k-selected.k-grid-row-sticky td,
319
- .k-grid-row-sticky td.k-selected,
306
+ .k-table-row.k-selected .k-grid-content-sticky,
307
+ .k-selected.k-grid-row-sticky .k-table-td,
308
+ .k-grid-row-sticky .k-table-td.k-selected,
320
309
  .k-selected.k-grid-content-sticky {
321
- @include fill( $bg: $grid-sticky-selected-bg );
310
+ @include fill( $bg: $kendo-grid-sticky-selected-bg );
322
311
  }
323
312
 
324
- tr.k-selected.k-alt .k-grid-content-sticky,
325
- .k-selected.k-alt.k-grid-row-sticky td,
326
- .k-alt .k-selected.k-grid-content-sticky {
327
- @include fill( $bg: $grid-sticky-selected-alt-bg );
313
+ .k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
314
+ .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
315
+ .k-table-alt-row .k-selected.k-grid-content-sticky {
316
+ @include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
328
317
  }
329
318
 
330
319
  // Hover state
331
- tr:hover .k-grid-content-sticky,
332
- tr.k-hover .k-grid-content-sticky,
333
- .k-grid-row-sticky:hover td,
334
- .k-grid-row-sticky.k-hover td,
335
- .k-grid-row-sticky.k-alt:hover td,
336
- .k-grid-row-sticky.k-alt.k-hover td,
337
- .k-alt:hover .k-grid-content-sticky,
338
- .k-alt.k-hover .k-grid-content-sticky {
339
- background-color: $grid-sticky-hovered-bg;
320
+ .k-table-row:hover .k-grid-content-sticky,
321
+ .k-table-row.k-hover .k-grid-content-sticky,
322
+ .k-grid-row-sticky:hover .k-table-td,
323
+ .k-grid-row-sticky.k-hover .k-table-td,
324
+ .k-grid-row-sticky.k-table-alt-row:hover .k-table-td,
325
+ .k-grid-row-sticky.k-table-alt-row.k-hover .k-table-td,
326
+ .k-table-alt-row:hover .k-grid-content-sticky,
327
+ .k-table-alt-row.k-hover .k-grid-content-sticky {
328
+ background-color: $kendo-grid-sticky-hover-bg;
340
329
  }
341
330
 
342
331
  // Selected + Hover
343
- tr.k-selected:hover .k-grid-content-sticky,
344
- tr.k-selected.k-hover .k-grid-content-sticky,
345
- .k-selected.k-grid-row-sticky:hover td,
346
- .k-selected.k-grid-row-sticky.k-hover td,
347
- .k-selected.k-alt.k-grid-row-sticky:hover td,
348
- .k-selected.k-alt.k-grid-row-sticky.k-hover td,
349
- tr.k-selected.k-alt:hover .k-grid-content-sticky,
350
- tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
351
- .k-grid-row-sticky:hover td.k-selected,
352
- .k-grid-row-sticky.k-hover td.k-selected,
353
- tr:hover .k-grid-content-sticky.k-selected,
354
- tr.k-hover .k-grid-content-sticky.k-selected {
355
- background-color: $grid-sticky-selected-hovered-bg;
332
+ .k-table-row.k-selected:hover .k-grid-content-sticky,
333
+ .k-table-row.k-selected.k-hover .k-grid-content-sticky,
334
+ .k-selected.k-grid-row-sticky:hover .k-table-td,
335
+ .k-selected.k-grid-row-sticky.k-hover .k-table-td,
336
+ .k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td,
337
+ .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td,
338
+ .k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky,
339
+ .k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky,
340
+ .k-grid-row-sticky:hover .k-table-td.k-selected,
341
+ .k-grid-row-sticky.k-hover .k-table-td.k-selected,
342
+ .k-table-row:hover .k-grid-content-sticky.k-selected,
343
+ .k-table-row.k-hover .k-grid-content-sticky.k-selected {
344
+ background-color: $kendo-grid-sticky-selected-hover-bg;
356
345
  }
357
346
  }
358
347
 
359
348
  .k-grouping-row {
360
349
  .k-grid-content-sticky {
361
- @include fill( $bg: $grid-sticky-header-bg );
350
+ @include fill( $bg: $kendo-grid-sticky-header-bg );
362
351
  }
363
352
 
364
353
  &:hover .k-grid-content-sticky,
365
354
  &.k-hover .k-grid-content-sticky {
366
- @include fill( $bg: $grid-sticky-hovered-bg );
355
+ @include fill( $bg: $kendo-grid-sticky-hover-bg );
367
356
  }
368
357
  }
369
358
 
@@ -429,9 +418,9 @@
429
418
 
430
419
  .k-column-menu-group-header-text {
431
420
  @include fill(
432
- $grid-column-menu-group-header-text,
433
- $grid-column-menu-group-header-bg,
434
- $grid-column-menu-group-header-border
421
+ $kendo-grid-column-menu-group-header-text,
422
+ $kendo-grid-column-menu-group-header-bg,
423
+ $kendo-grid-column-menu-group-header-border
435
424
  );
436
425
  }
437
426
 
@@ -440,8 +429,8 @@
440
429
  }
441
430
 
442
431
  .k-grid-norecords-template {
443
- background-color: $grid-bg;
444
- border-color: $grid-border;
432
+ background-color: $kendo-grid-bg;
433
+ border-color: $kendo-grid-border;
445
434
  }
446
435
 
447
436
  }