@progress/kendo-theme-core 11.0.3-dev.2 → 11.1.0-dev.0
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.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-core",
|
|
3
3
|
"description": "A collection of functions and mixins used for building themes for Kendo UI",
|
|
4
|
-
"version": "11.0
|
|
4
|
+
"version": "11.1.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"directories": {
|
|
46
46
|
"doc": "docs"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "87380b1585659324bdbd1bdc8231e01a85daddf7"
|
|
49
49
|
}
|
|
@@ -389,6 +389,14 @@
|
|
|
389
389
|
.k-drag-cell {
|
|
390
390
|
cursor: move;
|
|
391
391
|
}
|
|
392
|
+
|
|
393
|
+
// Highlighted state
|
|
394
|
+
td.k-highlighted,
|
|
395
|
+
.k-table-row.k-highlighted > td,
|
|
396
|
+
.k-table-td.k-highlighted,
|
|
397
|
+
.k-table-row.k-highlighted > .k-table-td {
|
|
398
|
+
font-weight: $kendo-grid-highlighted-font-weight;
|
|
399
|
+
}
|
|
392
400
|
}
|
|
393
401
|
|
|
394
402
|
.k-grid-resizable {
|
|
@@ -96,8 +96,25 @@
|
|
|
96
96
|
.k-table-row.k-selected > td,
|
|
97
97
|
.k-table-td.k-selected,
|
|
98
98
|
.k-table-row.k-selected > .k-table-td {
|
|
99
|
-
|
|
100
|
-
|
|
99
|
+
@include fill( $kendo-grid-selected-text, $kendo-grid-selected-bg );
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
// Highlighted state
|
|
103
|
+
td.k-highlighted,
|
|
104
|
+
.k-table-row.k-highlighted > td,
|
|
105
|
+
.k-table-td.k-highlighted,
|
|
106
|
+
.k-table-row.k-highlighted > .k-table-td {
|
|
107
|
+
@include fill( $bg: $kendo-grid-highlighted-bg );
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
// Highlighted Selected state
|
|
111
|
+
td.k-highlighted.k-selected,
|
|
112
|
+
.k-table-row.k-highlighted.k-selected > td,
|
|
113
|
+
.k-table-td.k-highlighted.k-selected,
|
|
114
|
+
.k-table-row.k-highlighted.k-selected > .k-table-td,
|
|
115
|
+
.k-table-row.k-highlighted > .k-table-td.k-selected,
|
|
116
|
+
.k-table-row.k-selected > .k-table-td.k-highlighted {
|
|
117
|
+
@include fill( $bg: $kendo-grid-selected-highlighted-bg );
|
|
101
118
|
}
|
|
102
119
|
|
|
103
120
|
// Focused state
|
|
@@ -162,29 +179,97 @@
|
|
|
162
179
|
.k-grouping-row + .k-table-row .k-table-td {
|
|
163
180
|
border-top-color: $kendo-grid-header-border;
|
|
164
181
|
}
|
|
182
|
+
}
|
|
165
183
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
184
|
+
.k-grid-header-locked .k-table-th {
|
|
185
|
+
border-bottom-color: $kendo-grid-header-border;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
// Sticky columns
|
|
189
|
+
.k-master-row {
|
|
190
|
+
.k-grid-content-sticky {
|
|
191
|
+
@include fill( $bg: $kendo-grid-sticky-bg, $border: $kendo-grid-sticky-border );
|
|
192
|
+
border-top-color: $kendo-grid-header-border;
|
|
170
193
|
}
|
|
171
194
|
|
|
172
|
-
.k-
|
|
173
|
-
|
|
174
|
-
@include fill( $bg: $kendo-grid-sticky-
|
|
195
|
+
.k-grid-row-sticky,
|
|
196
|
+
&.k-grid-row-sticky > .k-table-td {
|
|
197
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
198
|
+
border-top-color: $kendo-grid-sticky-border;
|
|
199
|
+
border-bottom-color: $kendo-grid-sticky-border;
|
|
175
200
|
}
|
|
176
201
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
202
|
+
&.k-table-alt-row {
|
|
203
|
+
.k-grid-content-sticky,
|
|
204
|
+
&.k-grid-row-sticky > .k-table-td,
|
|
205
|
+
.k-grid-row-sticky {
|
|
206
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
207
|
+
}
|
|
183
208
|
}
|
|
184
|
-
}
|
|
185
209
|
|
|
186
|
-
|
|
187
|
-
|
|
210
|
+
// Sticky
|
|
211
|
+
&.k-table-row td.k-grid-content-sticky,
|
|
212
|
+
&.k-table-row.k-grid-row-sticky > .k-table-td,
|
|
213
|
+
&.k-table-row .k-table-td.k-grid-row-sticky,
|
|
214
|
+
&.k-table-row td.k-grid-content-sticky,
|
|
215
|
+
&.k-table-row .k-table-td.k-grid-content-sticky {
|
|
216
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
// Sticky Alt
|
|
220
|
+
&.k-table-alt-row td.k-grid-content-sticky,
|
|
221
|
+
&.k-table-alt-row.k-grid-row-sticky > .k-table-td,
|
|
222
|
+
&.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
223
|
+
&.k-table-alt-row td.k-grid-content-sticky,
|
|
224
|
+
&.k-table-alt-row .k-table-td.k-grid-content-sticky {
|
|
225
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
// Sticky Hover
|
|
229
|
+
&.k-table-row:hover .k-grid-content-sticky,
|
|
230
|
+
&.k-table-row:hover .k-grid-row-sticky,
|
|
231
|
+
&.k-table-row:hover.k-grid-row-sticky > .k-table-td,
|
|
232
|
+
&.k-table-row.k-hover .k-grid-content-sticky,
|
|
233
|
+
&.k-table-row.k-hover .k-grid-row-sticky,
|
|
234
|
+
&.k-table-row.k-hover.k-grid-row-sticky > .k-table-td {
|
|
235
|
+
@include fill( $bg: $kendo-grid-sticky-hover-bg );
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
// Sticky Selected state
|
|
239
|
+
&.k-table-row.k-selected td.k-grid-content-sticky,
|
|
240
|
+
&.k-table-row.k-selected.k-grid-row-sticky > .k-table-td,
|
|
241
|
+
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
242
|
+
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
243
|
+
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
244
|
+
&::before {
|
|
245
|
+
@include fill( $bg: $kendo-grid-selected-bg );
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
// Sticky Highlighted state
|
|
250
|
+
&.k-table-row.k-highlighted td.k-grid-content-sticky,
|
|
251
|
+
&.k-table-row.k-highlighted.k-grid-row-sticky > .k-table-td,
|
|
252
|
+
&.k-table-row.k-highlighted .k-table-td.k-grid-row-sticky,
|
|
253
|
+
&.k-table-row td.k-grid-content-sticky.k-highlighted,
|
|
254
|
+
&.k-table-row .k-table-td.k-grid-content-sticky.k-highlighted {
|
|
255
|
+
&::before {
|
|
256
|
+
@include fill( $bg: $kendo-grid-highlighted-bg );
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
// Sticky Selected Highlighted state
|
|
261
|
+
&.k-table-row.k-selected.k-highlighted td.k-grid-content-sticky,
|
|
262
|
+
&.k-table-row.k-selected.k-highlighted.k-grid-row-sticky > .k-table-td,
|
|
263
|
+
&.k-table-row.k-selected.k-highlighted .k-table-td.k-grid-row-sticky,
|
|
264
|
+
&.k-selected.k-table-row .k-table-td.k-grid-content-sticky.k-highlighted,
|
|
265
|
+
&.k-highlighted.k-table-row .k-table-td.k-grid-content-sticky.k-selected,
|
|
266
|
+
&.k-table-row td.k-grid-content-sticky.k-selected.k-highlighted,
|
|
267
|
+
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected.k-highlighted {
|
|
268
|
+
&::before {
|
|
269
|
+
@include fill( $bg: $kendo-grid-selected-highlighted-bg );
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
}
|
|
188
273
|
}
|
|
189
274
|
}
|
|
190
275
|
|
|
@@ -256,86 +341,6 @@
|
|
|
256
341
|
);
|
|
257
342
|
}
|
|
258
343
|
|
|
259
|
-
// Content
|
|
260
|
-
.k-master-row {
|
|
261
|
-
.k-grid-content-sticky {
|
|
262
|
-
border-color: $kendo-grid-sticky-border;
|
|
263
|
-
border-top-color: $kendo-grid-header-border;
|
|
264
|
-
background-color: $kendo-grid-sticky-bg;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
.k-grid-row-sticky,
|
|
268
|
-
&.k-grid-row-sticky > .k-table-td {
|
|
269
|
-
border-top-color: $kendo-grid-sticky-border;
|
|
270
|
-
border-bottom-color: $kendo-grid-sticky-border;
|
|
271
|
-
background-color: $kendo-grid-sticky-bg;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
&.k-table-alt-row {
|
|
275
|
-
.k-grid-content-sticky,
|
|
276
|
-
&.k-grid-row-sticky > .k-table-td,
|
|
277
|
-
.k-grid-row-sticky {
|
|
278
|
-
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
// Selected state
|
|
283
|
-
&.k-table-row.k-selected td.k-grid-content-sticky,
|
|
284
|
-
&.k-table-row.k-selected.k-grid-row-sticky > .k-table-td,
|
|
285
|
-
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
286
|
-
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
287
|
-
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
288
|
-
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
289
|
-
|
|
290
|
-
&::before {
|
|
291
|
-
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
297
|
-
&.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td,
|
|
298
|
-
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
299
|
-
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
300
|
-
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
301
|
-
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
302
|
-
|
|
303
|
-
&::before {
|
|
304
|
-
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
// Hovered state
|
|
310
|
-
&:hover .k-grid-content-sticky,
|
|
311
|
-
&:hover .k-grid-row-sticky,
|
|
312
|
-
&:hover.k-grid-row-sticky > .k-table-td,
|
|
313
|
-
&.k-hover .k-grid-content-sticky,
|
|
314
|
-
&.k-hover .k-grid-row-sticky,
|
|
315
|
-
&.k-hover.k-grid-row-sticky > .k-table-td {
|
|
316
|
-
background-color: $kendo-grid-sticky-hover-bg;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
// Selected hover
|
|
321
|
-
&.k-selected:hover td.k-grid-content-sticky,
|
|
322
|
-
&.k-selected:hover .k-table-td.k-grid-row-sticky,
|
|
323
|
-
&.k-selected:hover.k-grid-row-sticky > .k-table-td,
|
|
324
|
-
&.k-selected.k-hover td.k-grid-content-sticky,
|
|
325
|
-
&.k-selected.k-hover .k-table-td.k-grid-row-sticky,
|
|
326
|
-
&.k-selected.k-hover.k-grid-row-sticky > .k-table-td,
|
|
327
|
-
&:hover td.k-grid-content-sticky.k-selected,
|
|
328
|
-
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
329
|
-
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
330
|
-
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
331
|
-
background-color: $kendo-grid-sticky-hover-bg;
|
|
332
|
-
|
|
333
|
-
&::before {
|
|
334
|
-
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
}
|
|
338
|
-
|
|
339
344
|
.k-grouping-row {
|
|
340
345
|
.k-grid-content-sticky {
|
|
341
346
|
@include fill( $bg: $kendo-grid-sticky-header-bg );
|
|
@@ -99,6 +99,13 @@ $kendo-grid-selected-bg: null !default;
|
|
|
99
99
|
$kendo-grid-selected-text: null !default;
|
|
100
100
|
$kendo-grid-selected-border: null !default;
|
|
101
101
|
|
|
102
|
+
$kendo-grid-highlighted-bg: null !default;
|
|
103
|
+
$kendo-grid-highlighted-text: null !default;
|
|
104
|
+
$kendo-grid-highlighted-border: null !default;
|
|
105
|
+
$kendo-grid-highlighted-font-weight: null !default;
|
|
106
|
+
|
|
107
|
+
$kendo-grid-selected-highlighted-bg: null !default;
|
|
108
|
+
|
|
102
109
|
$kendo-grid-selection-aggregates-bg: null !default;
|
|
103
110
|
$kendo-grid-selection-aggregates-text: null !default;
|
|
104
111
|
$kendo-grid-selection-aggregates-border: null !default;
|
|
@@ -125,14 +132,14 @@ $kendo-grid-command-cell-button-spacing: null !default;
|
|
|
125
132
|
// be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
|
|
126
133
|
$kendo-grid-command-cell-padding-y: null !default;
|
|
127
134
|
|
|
128
|
-
// Must be
|
|
135
|
+
// Must be solid colors
|
|
129
136
|
$kendo-grid-sticky-bg: null !default;
|
|
137
|
+
$kendo-grid-sticky-alt-bg: null !default;
|
|
138
|
+
$kendo-grid-sticky-hover-bg: null !default;
|
|
139
|
+
|
|
130
140
|
$kendo-grid-sticky-text: null !default;
|
|
131
141
|
$kendo-grid-sticky-border: null !default;
|
|
132
142
|
|
|
133
|
-
// Must be a solid color
|
|
134
|
-
$kendo-grid-sticky-alt-bg: null !default;
|
|
135
|
-
|
|
136
143
|
$kendo-grid-sticky-header-bg: null !default;
|
|
137
144
|
$kendo-grid-sticky-header-text: null !default;
|
|
138
145
|
$kendo-grid-sticky-header-border: null !default;
|
|
@@ -140,13 +147,6 @@ $kendo-grid-sticky-header-border: null !default;
|
|
|
140
147
|
$kendo-grid-sticky-footer-bg: null !default;
|
|
141
148
|
$kendo-grid-sticky-footer-hover-bg: null !default;
|
|
142
149
|
|
|
143
|
-
$kendo-grid-sticky-selected-bg: null !default;
|
|
144
|
-
$kendo-grid-sticky-selected-alt-bg: null !default;
|
|
145
|
-
|
|
146
|
-
// Must be a solid color
|
|
147
|
-
$kendo-grid-sticky-hover-bg: null !default;
|
|
148
|
-
$kendo-grid-sticky-selected-hover-bg: null !default;
|
|
149
|
-
|
|
150
150
|
$kendo-grid-column-menu-width: null !default;
|
|
151
151
|
$kendo-grid-column-menu-max-width: null !default;
|
|
152
152
|
|
|
@@ -64,4 +64,11 @@ $kendo-table-selected-bg: null !default;
|
|
|
64
64
|
$kendo-table-selected-text: null !default;
|
|
65
65
|
$kendo-table-selected-border: null !default;
|
|
66
66
|
|
|
67
|
+
$kendo-table-highlighted-bg: null !default;
|
|
68
|
+
$kendo-table-highlighted-text: null !default;
|
|
69
|
+
$kendo-table-highlighted-font-weight: null !default;
|
|
70
|
+
$kendo-table-highlighted-border: null !default;
|
|
71
|
+
|
|
72
|
+
$kendo-table-selected-highlighted-bg: null !default;
|
|
73
|
+
|
|
67
74
|
$kendo-table-cell-row-span-shadow: null !default;
|