@progress/kendo-theme-core 13.2.0-dev.2 → 13.2.0-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 (37) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/meta/sassdoc-data.json +44 -566
  3. package/dist/meta/sassdoc-raw-data.json +21 -253
  4. package/dist/meta/variables.json +2 -42
  5. package/package.json +2 -2
  6. package/scss/color-system/_swatch.scss +0 -56
  7. package/scss/components/appbar/_theme.scss +1 -6
  8. package/scss/components/appbar/_variables.scss +1 -7
  9. package/scss/components/avatar/_variables.scss +1 -1
  10. package/scss/components/badge/_variables.scss +1 -1
  11. package/scss/components/bottom-navigation/_theme.scss +1 -5
  12. package/scss/components/bottom-navigation/_variables.scss +1 -1
  13. package/scss/components/button/_theme.scss +4 -4
  14. package/scss/components/button/_variables.scss +1 -1
  15. package/scss/components/card/_theme.scss +0 -15
  16. package/scss/components/card/_variables.scss +0 -6
  17. package/scss/components/dialog/_theme.scss +0 -12
  18. package/scss/components/dialog/_variables.scss +0 -6
  19. package/scss/components/fab/_variables.scss +1 -1
  20. package/scss/components/floating-label/_theme.scss +1 -1
  21. package/scss/components/forms/_theme.scss +2 -2
  22. package/scss/components/grid/_layout.scss +6 -29
  23. package/scss/components/grid/_theme.scss +244 -296
  24. package/scss/components/icons/_theme.scss +4 -0
  25. package/scss/components/icons/_variables.scss +1 -0
  26. package/scss/components/listbox/_layout.scss +1 -0
  27. package/scss/components/loader/_layout.scss +9 -6
  28. package/scss/components/loader/_variables.scss +1 -1
  29. package/scss/components/messagebox/_theme.scss +5 -13
  30. package/scss/components/messagebox/_variables.scss +1 -1
  31. package/scss/components/overlay/_theme.scss +0 -17
  32. package/scss/components/overlay/_variables.scss +0 -5
  33. package/scss/components/suggestion/_layout.scss +6 -1
  34. package/scss/components/suggestion/_variables.scss +1 -1
  35. package/scss/components/timeselector/_theme.scss +1 -1
  36. package/scss/components/window/_theme.scss +0 -12
  37. package/scss/components/window/_variables.scss +0 -5
package/scss/components/grid/_theme.scss CHANGED
@@ -10,162 +10,84 @@
10
10
 
11
11
  @mixin kendo-grid--theme-base() {
12
12
 
13
- .k-grid-header,
14
- .k-grid-header-wrap,
15
- .k-grouping-header,
16
- .k-grid .k-table-th,
17
- .k-grid td,
18
- .k-grid .k-table-td,
19
- .k-grid-footer,
20
- .k-grid-footer-wrap,
21
- .k-grid-content-locked,
22
- .k-grid-footer-locked,
23
- .k-grid-header-locked,
24
- .k-filter-row > .k-table-th,
25
- .k-filter-row > td,
26
- .k-filter-row > .k-table-td {
27
- @include fill( $border: $kendo-grid-header-border );
28
- }
29
-
30
- .k-grid-header,
31
- .k-grouping-header,
32
- .k-grid-add-row,
33
- .k-grid-footer {
34
- @include fill(
35
- $color: $kendo-grid-header-text,
36
- $bg: $kendo-grid-header-bg
37
- );
38
- }
39
-
40
- .k-grid .k-table {
41
- background-color: inherit;
42
- }
43
-
44
- .k-grid-toolbar {
45
- @include fill(
46
- null,
47
- null,
48
- inherit,
49
- null
50
- );
51
- @include box-shadow( none );
52
- }
53
-
54
- .k-grid-content {
55
- // setting this background color resolves glitches in iOS
56
- @include fill($bg: $kendo-grid-bg );
57
- }
58
-
59
- .k-group-footer td,
60
- .k-grouping-row td,
61
- .k-group-footer .k-table-td,
62
- .k-grouping-row .k-table-td,
63
- .k-table-tbody .k-group-cell {
64
- @include fill(
65
- $color: $kendo-grid-grouping-row-text,
66
- $bg: $kendo-grid-grouping-row-bg
67
- );
68
- }
69
13
 
70
- .k-grid-pinned-container {
71
- background-color: $kendo-grid-header-bg;
14
+ .k-grid {
15
+ background-color: $kendo-grid-bg;
16
+ color: $kendo-grid-text;
72
17
  border-color: $kendo-grid-border;
73
- }
74
- .k-grid-pinned-wrap {
75
- border-color: $kendo-grid-header-border;
76
18
 
77
- > .k-table {
78
- background-color: $kendo-grid-bg;
79
- box-shadow: $kendo-grid-cell-vertical-border-width 0 0 0 $kendo-grid-border;
19
+ .k-table {
20
+ background-color: inherit;
80
21
  }
81
- }
82
22
 
83
- .k-grid-sticky-container {
84
- background-color: $kendo-grid-sticky-bg;
85
- border-color: $kendo-grid-sticky-border;
86
- }
87
-
88
- .k-grouping-dropclue {
89
- &::before {
90
- border-color: $kendo-grid-header-text transparent transparent;
23
+ .k-table-th,
24
+ .k-table-td {
25
+ border-color: $kendo-grid-header-border;
91
26
  }
92
27
 
93
- &::after {
94
- background-color: $kendo-grid-header-text;
28
+ // Sorted column
29
+ .k-sorted {
30
+ background-color: $kendo-grid-sorted-bg;
95
31
  }
96
- }
97
-
98
- .k-grid {
99
- @include fill( $kendo-grid-text, $kendo-grid-bg, $kendo-grid-border );
100
32
 
101
33
  // Alt row
102
- .k-table-row.k-table-alt-row {
34
+ .k-table-alt-row {
103
35
  background-color: $kendo-grid-alt-bg;
104
36
  }
105
37
 
106
38
  // Hover state
107
- .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
108
- .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
39
+ .k-table-row:is(:hover, .k-hover),
40
+ .k-master-row:is(:hover, .k-hover) {
109
41
  color: $kendo-grid-hover-text;
110
42
  background-color: $kendo-grid-hover-bg;
111
43
  }
112
44
 
45
+ // Focus state
46
+ .k-table-row:is(:focus, .k-focus),
47
+ .k-master-row:is(:focus, .k-focus),
48
+ .k-grouping-row:is(:focus, .k-focus),
49
+ .k-grid-pager:is(:focus, .k-focus) {
50
+ @include focus-indicator( $kendo-grid-focus-shadow, true );
51
+ }
52
+ .k-table-row,
53
+ .k-master-row,
54
+ .k-grouping-row {
55
+ > :is(:focus, .k-focus) {
56
+ @include focus-indicator( $kendo-grid-focus-shadow, true );
57
+ }
58
+ }
59
+
113
60
  // Selected state
114
- td.k-selected,
115
- .k-table-row.k-selected > td,
116
61
  .k-table-td.k-selected,
117
62
  .k-table-row.k-selected > .k-table-td {
118
- @include fill( $kendo-grid-selected-text, $kendo-grid-selected-bg );
63
+ background-color: $kendo-grid-selected-bg;
64
+ color: $kendo-grid-selected-text;
119
65
  }
120
66
 
121
67
  // Highlighted state
122
- td.k-highlighted,
123
- .k-table-row.k-highlighted > td,
124
68
  .k-table-td.k-highlighted,
125
69
  .k-table-row.k-highlighted > .k-table-td {
126
- @include fill( $bg: $kendo-grid-highlighted-bg );
70
+ background-color: $kendo-grid-highlighted-bg;
127
71
  }
128
72
 
129
73
  // Highlighted Selected state
130
- td.k-highlighted.k-selected,
131
- .k-table-row.k-highlighted.k-selected > td,
132
74
  .k-table-td.k-highlighted.k-selected,
133
75
  .k-table-row.k-highlighted.k-selected > .k-table-td,
134
76
  .k-table-row.k-highlighted > .k-table-td.k-selected,
135
77
  .k-table-row.k-selected > .k-table-td.k-highlighted {
136
- @include fill( $bg: $kendo-grid-selected-highlighted-bg );
137
- }
138
-
139
- // Focused state
140
- .k-table-th,
141
- td,
142
- .k-table-td,
143
- .k-master-row > td,
144
- .k-grouping-row > td,
145
- .k-detail-row > td,
146
- .k-group-footer > td,
147
- .k-master-row > .k-table-td,
148
- .k-grouping-row > .k-table-td,
149
- .k-detail-row > .k-table-td,
150
- .k-group-footer > .k-table-td,
151
- .k-grid-pager {
152
- &:focus,
153
- &.k-focus {
154
- @include focus-indicator( $kendo-grid-focus-shadow, true );
155
- }
156
- }
157
-
158
- .k-grid-filter,
159
- .k-header-column-menu,
160
- .k-grid-header-menu,
161
- .k-hierarchy-cell .k-icon {
162
- color: $kendo-grid-header-text;
78
+ background-color: $kendo-grid-selected-highlighted-bg;
163
79
  }
164
80
 
81
+ // Grouping row
165
82
  .k-grouping-row {
166
83
  background-color: $kendo-grid-grouping-row-bg;
167
84
 
168
- .k-icon {
85
+ .k-table-td {
86
+ color: $kendo-grid-grouping-row-text;
87
+ background-color: $kendo-grid-grouping-row-bg;
88
+ }
89
+
90
+ .k-icon:not(.k-action-icon) {
169
91
  color: $kendo-grid-header-text;
170
92
  }
171
93
 
@@ -173,132 +95,109 @@
173
95
  border-color: $kendo-grid-sticky-border;
174
96
  border-block-start-color: $kendo-grid-header-border;
175
97
  }
98
+
99
+ &:hover .k-grid-content-sticky,
100
+ &.k-hover .k-grid-content-sticky {
101
+ background-color: $kendo-grid-sticky-hover-bg;
102
+ }
176
103
  }
177
104
 
178
105
  // Locked columns
179
- .k-grid-header-locked,
180
- .k-grid-content-locked,
181
- .k-grid-footer-locked,
182
- .k-grid-header-locked .k-table-th,
183
- .k-grid-content-locked td,
184
- .k-grid-content-locked .k-table-td,
185
- .k-grid-footer-locked td,
186
- .k-grid-footer-locked .k-table-td {
106
+ .k-grid-content-locked {
187
107
  border-color: $kendo-grid-sticky-header-border;
188
108
  }
189
109
 
190
- .k-grid-content-locked {
191
- .k-group-footer td,
192
- .k-group-footer .k-table-td,
193
- .k-group-cell {
194
- @include fill( $border: $kendo-grid-header-border );
195
- }
196
110
 
197
- .k-grouping-row + .k-table-row td,
198
- .k-grouping-row + .k-table-row .k-table-td {
199
- border-block-start-color: $kendo-grid-header-border;
200
- }
201
- }
111
+ // Sticky columns
202
112
 
203
- .k-grid-header-locked .k-table-th {
204
- border-block-end-color: $kendo-grid-header-border;
113
+ .k-grid-sticky-container {
114
+ background-color: $kendo-grid-sticky-bg;
115
+ border-color: $kendo-grid-sticky-border;
205
116
  }
206
117
 
207
- // Sticky columns
208
118
  .k-master-row {
209
119
  .k-grid-content-sticky {
210
- @include fill( $bg: $kendo-grid-sticky-bg, $border: $kendo-grid-sticky-border );
120
+ background-color: $kendo-grid-sticky-bg;
121
+ border-color: $kendo-grid-sticky-border;
211
122
  border-block-start-color: $kendo-grid-header-border;
212
123
  }
213
124
 
214
- .k-grid-row-sticky,
215
- &.k-grid-row-sticky > .k-table-td {
216
- @include fill( $bg: $kendo-grid-sticky-bg );
217
- border-block-start-color: $kendo-grid-sticky-border;
218
- border-block-end-color: $kendo-grid-sticky-border;
219
- }
125
+ &.k-table-row {
220
126
 
221
- &.k-table-alt-row {
127
+ // Sticky
222
128
  .k-grid-content-sticky,
223
- &.k-grid-row-sticky > .k-table-td,
224
- .k-grid-row-sticky {
225
- @include fill( $bg: $kendo-grid-sticky-alt-bg );
129
+ .k-table-td.k-grid-content-sticky,
130
+ .k-grid-row-sticky,
131
+ &.k-grid-row-sticky > .k-table-td {
132
+ background-color: $kendo-grid-sticky-bg;
226
133
  }
227
- }
228
134
 
229
- // Sticky
230
- &.k-table-row td.k-grid-content-sticky,
231
- &.k-table-row.k-grid-row-sticky > .k-table-td,
232
- &.k-table-row .k-table-td.k-grid-row-sticky,
233
- &.k-table-row td.k-grid-content-sticky,
234
- &.k-table-row .k-table-td.k-grid-content-sticky {
235
- @include fill( $bg: $kendo-grid-sticky-bg );
236
- }
135
+ .k-grid-row-sticky,
136
+ &.k-grid-row-sticky > .k-table-td {
137
+ border-block-start-color: $kendo-grid-sticky-border;
138
+ border-block-end-color: $kendo-grid-sticky-border;
139
+ }
237
140
 
238
- // Sticky Alt
239
- &.k-table-alt-row td.k-grid-content-sticky,
240
- &.k-table-alt-row.k-grid-row-sticky > .k-table-td,
241
- &.k-table-alt-row .k-table-td.k-grid-row-sticky,
242
- &.k-table-alt-row td.k-grid-content-sticky,
243
- &.k-table-alt-row .k-table-td.k-grid-content-sticky {
244
- @include fill( $bg: $kendo-grid-sticky-alt-bg );
245
- }
141
+ // Sticky Hover
142
+ &:is(:hover, .k-hover) {
143
+ .k-grid-row-sticky,
144
+ .k-table-td.k-grid-content-sticky,
145
+ &.k-grid-row-sticky > .k-table-td {
146
+ background-color: $kendo-grid-sticky-hover-bg;
147
+ }
148
+ }
246
149
 
247
- // Sticky Hover
248
- &.k-table-row:hover .k-grid-content-sticky,
249
- &.k-table-row:hover .k-grid-row-sticky,
250
- &.k-table-row:hover.k-grid-row-sticky > .k-table-td,
251
- &.k-table-row.k-hover .k-grid-content-sticky,
252
- &.k-table-row.k-hover .k-grid-row-sticky,
253
- &.k-table-row.k-hover.k-grid-row-sticky > .k-table-td {
254
- @include fill( $bg: $kendo-grid-sticky-hover-bg );
255
- }
150
+ // Sticky Selected state
151
+ &.k-selected.k-grid-row-sticky > .k-table-td,
152
+ &.k-selected .k-table-td.k-grid-row-sticky,
153
+ &.k-selected .k-grid-content-sticky,
154
+ .k-selected.k-table-td.k-grid-content-sticky {
155
+ &::before {
156
+ background-color: $kendo-grid-selected-bg;
157
+ }
158
+ }
256
159
 
257
- // Sticky Selected state
258
- &.k-table-row.k-selected td.k-grid-content-sticky,
259
- &.k-table-row.k-selected.k-grid-row-sticky > .k-table-td,
260
- &.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
261
- &.k-table-row td.k-grid-content-sticky.k-selected,
262
- &.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
263
- &::before {
264
- @include fill( $bg: $kendo-grid-selected-bg );
160
+ // Sticky Highlighted state
161
+ &.k-highlighted.k-grid-row-sticky > .k-table-td,
162
+ &.k-highlighted .k-table-td.k-grid-row-sticky,
163
+ &.k-highlighted .k-grid-content-sticky,
164
+ .k-highlighted.k-table-td.k-grid-content-sticky {
165
+ &::before {
166
+ background-color: $kendo-grid-highlighted-bg;
167
+ }
265
168
  }
266
- }
267
169
 
268
- // Sticky Highlighted state
269
- &.k-table-row.k-highlighted td.k-grid-content-sticky,
270
- &.k-table-row.k-highlighted.k-grid-row-sticky > .k-table-td,
271
- &.k-table-row.k-highlighted .k-table-td.k-grid-row-sticky,
272
- &.k-table-row td.k-grid-content-sticky.k-highlighted,
273
- &.k-table-row .k-table-td.k-grid-content-sticky.k-highlighted {
274
- &::before {
275
- @include fill( $bg: $kendo-grid-highlighted-bg );
170
+ // Sticky Selected Highlighted state
171
+ &.k-selected.k-highlighted.k-grid-row-sticky > .k-table-td,
172
+ &.k-selected.k-highlighted .k-table-td.k-grid-row-sticky,
173
+ &.k-selected.k-highlighted .k-grid-content-sticky,
174
+ &.k-selected .k-table-td.k-grid-content-sticky.k-highlighted,
175
+ &.k-highlighted .k-table-td.k-grid-content-sticky.k-selected,
176
+ .k-table-td.k-grid-content-sticky.k-selected.k-highlighted {
177
+ &::before {
178
+ background-color: $kendo-grid-selected-highlighted-bg;
179
+ }
276
180
  }
181
+
277
182
  }
278
183
 
279
- // Sticky Selected Highlighted state
280
- &.k-table-row.k-selected.k-highlighted td.k-grid-content-sticky,
281
- &.k-table-row.k-selected.k-highlighted.k-grid-row-sticky > .k-table-td,
282
- &.k-table-row.k-selected.k-highlighted .k-table-td.k-grid-row-sticky,
283
- &.k-selected.k-table-row .k-table-td.k-grid-content-sticky.k-highlighted,
284
- &.k-highlighted.k-table-row .k-table-td.k-grid-content-sticky.k-selected,
285
- &.k-table-row td.k-grid-content-sticky.k-selected.k-highlighted,
286
- &.k-table-row .k-table-td.k-grid-content-sticky.k-selected.k-highlighted {
287
- &::before {
288
- @include fill( $bg: $kendo-grid-selected-highlighted-bg );
184
+ &.k-table-alt-row {
185
+ .k-grid-content-sticky,
186
+ .k-table-td.k-grid-content-sticky,
187
+ &.k-grid-row-sticky > .k-table-td,
188
+ .k-grid-row-sticky {
189
+ background-color: $kendo-grid-sticky-alt-bg;
289
190
  }
290
-
291
191
  }
292
192
  }
293
- }
294
193
 
295
- col.k-sorted,
296
- .k-table-th.k-sorted {
297
- background-color: $kendo-grid-sorted-bg;
298
194
  }
299
195
 
300
196
  // Grid header
301
197
  .k-grid-header {
198
+ border-color: $kendo-grid-header-border;
199
+ color: $kendo-grid-header-text;
200
+ background-color: $kendo-grid-header-bg;
302
201
 
303
202
  .k-sort-icon,
304
203
  .k-sort-order {
@@ -309,6 +208,9 @@
309
208
  .k-header-column-menu,
310
209
  .k-grid-header-menu,
311
210
  .k-hierarchy-cell .k-icon {
211
+
212
+ color: $kendo-grid-header-text;
213
+
312
214
  &:hover {
313
215
  color: $kendo-button-hover-text;
314
216
  background-color: $kendo-button-hover-bg;
@@ -323,8 +225,11 @@
323
225
  }
324
226
  }
325
227
 
228
+ .k-grid-header-locked {
229
+ border-color: $kendo-grid-sticky-header-border;
230
+ }
231
+
326
232
  .k-table-th.k-grid-header-sticky,
327
- td.k-grid-header-sticky,
328
233
  .k-table-td.k-grid-header-sticky,
329
234
  .k-grid-header-sticky.k-sorted {
330
235
  @include fill(
@@ -335,117 +240,188 @@
335
240
  border-inline-end-color: $kendo-grid-sticky-header-border;
336
241
  border-inline-start-color: $kendo-grid-sticky-header-border;
337
242
  }
243
+
244
+ }
245
+
246
+ .k-grid-header-wrap {
247
+ border-color: $kendo-grid-header-border;
338
248
  }
339
249
 
340
250
  // Grid footer
341
251
  .k-grid-footer {
342
- @include fill(
343
- $kendo-grid-footer-text,
344
- $kendo-grid-footer-bg,
345
- $kendo-grid-footer-border
346
- );
252
+ border-color: $kendo-grid-footer-border;
253
+ color: $kendo-grid-footer-text;
254
+ background-color: $kendo-grid-footer-bg;
255
+
347
256
  .k-grid-footer-sticky {
348
257
  border-inline-start-color: $kendo-grid-sticky-border;
349
258
  border-inline-end-color: $kendo-grid-sticky-border;
350
259
  background-color: $kendo-grid-sticky-footer-bg;
351
260
  }
261
+
262
+ .k-grid-footer-locked {
263
+ border-color: $kendo-grid-sticky-border;
264
+ }
352
265
  }
353
266
 
354
- // Selection Aggregates
355
- .k-selection-aggregates {
267
+ .k-grid-footer-wrap {
268
+ border-color: $kendo-grid-footer-border;
269
+ }
270
+
271
+ // Grid toolbar
272
+ .k-grid-toolbar {
273
+ border-color: inherit;
274
+ @include box-shadow( none );
275
+ }
276
+
277
+ // Grid content
278
+ .k-grid-content {
279
+ // setting this background color resolves glitches in iOS
280
+ @include fill($bg: $kendo-grid-bg );
281
+ }
282
+
283
+ // Grouping
284
+ .k-grouping-header,
285
+ .k-grid-add-row {
286
+ color: $kendo-grid-header-text;
287
+ background-color: $kendo-grid-header-bg;
288
+ border-color: $kendo-grid-header-border;
289
+ }
290
+
291
+ .k-group-footer .k-table-td,
292
+ .k-table-tbody .k-group-cell {
356
293
  @include fill(
357
- $kendo-grid-selection-aggregates-text,
358
- $kendo-grid-selection-aggregates-bg,
359
- $kendo-grid-selection-aggregates-border
294
+ $color: $kendo-grid-grouping-row-text,
295
+ $bg: $kendo-grid-grouping-row-bg
360
296
  );
361
297
  }
362
298
 
363
- .k-grouping-row {
364
- .k-grid-content-sticky {
365
- @include fill( $bg: $kendo-grid-sticky-header-bg );
299
+ .k-grouping-dropclue {
300
+ &::before {
301
+ border-color: $kendo-grid-header-text transparent transparent;
366
302
  }
367
303
 
368
- &:hover .k-grid-content-sticky,
369
- &.k-hover .k-grid-content-sticky {
370
- @include fill( $bg: $kendo-grid-sticky-hover-bg );
304
+ &::after {
305
+ background-color: $kendo-grid-header-text;
371
306
  }
372
307
  }
373
308
 
374
- .k-column-list-item:hover,
375
- .k-columnmenu-item:hover {
376
- @include fill(
377
- $kendo-list-item-hover-text,
378
- $kendo-list-item-hover-bg
379
- );
309
+ // Filtering
310
+ .k-filter-row > .k-table-th,
311
+ .k-filter-row > .k-table-td {
312
+ border-color: $kendo-grid-header-border;
313
+ }
314
+
315
+ // Pinned rows
316
+ .k-grid-pinned-container {
317
+ background-color: $kendo-grid-header-bg;
318
+ border-color: $kendo-grid-border;
319
+ }
320
+
321
+ .k-grid-pinned-wrap {
322
+ border-color: $kendo-grid-header-border;
323
+
324
+ > .k-table {
325
+ background-color: $kendo-grid-bg;
326
+ box-shadow: $kendo-grid-cell-vertical-border-width 0 0 0 $kendo-grid-border;
327
+ }
328
+ }
329
+
330
+ // Selection Aggregates
331
+ .k-selection-aggregates {
332
+ color: $kendo-grid-selection-aggregates-text;
333
+ background-color: $kendo-grid-selection-aggregates-bg;
334
+ border-color: $kendo-grid-selection-aggregates-border;
380
335
  }
381
- .k-column-list-item:focus,
382
- .k-column-list-item.k-focus,
383
- .k-columnmenu-item:focus,
384
- .k-columnmenu-item.k-focus {
385
- @include focus-indicator( $kendo-list-item-focus-shadow, true );
336
+
337
+ // Grid stack layout
338
+ .k-grid-stack-header {
339
+ color: $kendo-grid-stack-header-color;
386
340
  }
387
341
 
342
+ .k-grid-stack-cell {
343
+ &:focus,
344
+ &.k-focus {
345
+ outline: 1px solid $kendo-grid-stack-focus-outline;
346
+ }
347
+
348
+ &.k-selected {
349
+ background-color: $kendo-grid-selected-bg;
350
+ }
351
+ }
352
+
353
+ // Dirty cell
354
+ .k-grid-stack-cell .k-dirty {
355
+ border-inline-start-color: rgba(0, 0, 0, 0);
356
+ border-inline-end-color: currentColor;
357
+ }
358
+
359
+
360
+ // Column menu
361
+ .k-column-list-item,
388
362
  .k-columnmenu-item {
363
+ &:hover {
364
+ color: $kendo-list-item-hover-text;
365
+ background-color: $kendo-list-item-hover-bg;
366
+ }
367
+
368
+ &:focus,
369
+ &.k-focus {
370
+ @include focus-indicator( $kendo-list-item-focus-shadow, true );
371
+ }
372
+
389
373
  &.k-selected {
390
- @include fill(
391
- $kendo-list-item-selected-text,
392
- $kendo-list-item-selected-bg
393
- );
374
+ color: $kendo-list-item-selected-text;
375
+ background-color: $kendo-list-item-selected-bg;
394
376
  }
395
377
  }
396
378
 
397
379
  .k-column-menu {
398
380
 
399
381
  .k-menu:not(.k-context-menu) {
400
-
401
- @include fill(
402
- $kendo-popup-text,
403
- $kendo-popup-bg,
404
- $kendo-popup-border
405
- );
382
+ color: $kendo-popup-text;
383
+ background-color: $kendo-popup-bg;
384
+ border-color: $kendo-popup-border;
406
385
 
407
386
  .k-item {
408
- @include fill(
409
- $kendo-list-item-text,
410
- $kendo-list-item-bg
411
- );
387
+ color: $kendo-list-item-text;
388
+ background-color: $kendo-list-item-bg;
412
389
 
413
390
  &:hover,
414
391
  &.k-hover {
415
- @include fill(
416
- $kendo-list-item-hover-text,
417
- $kendo-list-item-hover-bg
418
- );
419
- }
420
-
421
- &.k-selected {
422
- @include fill(
423
- $kendo-list-item-selected-text,
424
- $kendo-list-item-selected-bg
425
- );
392
+ color: $kendo-list-item-hover-text;
393
+ background-color: $kendo-list-item-hover-bg;
426
394
  }
427
395
 
428
396
  &:focus,
429
397
  &.k-focus {
430
398
  @include focus-indicator( $kendo-list-item-focus-shadow, true );
431
399
  }
400
+
401
+ &.k-selected {
402
+ color: $kendo-list-item-selected-text;
403
+ background-color: $kendo-list-item-selected-bg;
404
+ }
432
405
  }
433
406
  }
434
407
  }
408
+
435
409
  .k-column-menu-tabbed {
436
410
  background-color: $kendo-grid-column-menu-tabbed-bg;
437
411
  }
438
412
 
439
413
  .k-column-menu-group-header-text {
440
- @include fill(
441
- $kendo-grid-column-menu-group-header-text,
442
- $kendo-grid-column-menu-group-header-bg,
443
- $kendo-grid-column-menu-group-header-border
444
- );
414
+ color: $kendo-grid-column-menu-group-header-text;
415
+ background-color: $kendo-grid-column-menu-group-header-bg;
416
+ border-color: $kendo-grid-column-menu-group-header-border;
417
+ }
418
+
419
+ .k-columnmenu-indicators {
420
+ color: $kendo-grid-sorting-indicator-text;
445
421
  }
446
422
 
447
423
  .k-check-all-wrap {
448
- @include fill( $border: $kendo-popup-border );
424
+ border-color: $kendo-popup-border;
449
425
  }
450
426
 
451
427
  .k-grid-norecords-template {
@@ -455,7 +431,6 @@
455
431
 
456
432
  // Row resizing
457
433
  .k-resizer-wrap {
458
-
459
434
  &.k-hover .k-row-resizer {
460
435
  @include fill( $bg: $kendo-grid-row-resizer-hover-bg );
461
436
  }
@@ -463,32 +438,5 @@
463
438
  &.k-active .k-row-resizer {
464
439
  @include fill( $bg: $kendo-grid-row-resizer-active-bg );
465
440
  }
466
-
467
- }
468
-
469
- .k-columnmenu-indicators {
470
- color: $kendo-grid-sorting-indicator-text;
471
- }
472
-
473
- // Grid stack layout
474
- .k-grid-stack-header {
475
- @include fill( $color: $kendo-grid-stack-header-color );
476
- }
477
-
478
- .k-grid-stack-cell {
479
- &:focus,
480
- &.k-focus {
481
- outline: 1px solid $kendo-grid-stack-focus-outline;
482
- }
483
-
484
- &.k-selected {
485
- @include fill( $bg: $kendo-grid-selected-bg );
486
- }
487
- }
488
-
489
- // Dirty cell
490
- .k-grid-stack-cell .k-dirty {
491
- border-inline-start-color: rgba(0, 0, 0, 0);
492
- border-inline-end-color: currentColor;
493
441
  }
494
442
  }