@progress/kendo-theme-bootstrap 5.3.2-dev.3 → 5.4.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.
- package/dist/all.css +490 -216
- package/dist/all.scss +475 -185
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +3 -3
- package/scss/breadcrumb/_layout.scss +2 -1
- package/scss/breadcrumb/_theme.scss +2 -1
- package/scss/grid/_theme.scss +82 -23
- package/scss/pager/_theme.scss +2 -1
- package/scss/scrollview/_theme.scss +8 -4
- package/scss/spreadsheet/_theme.scss +13 -6
- package/scss/tabstrip/_theme.scss +12 -4
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap theme for Kendo UI",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.4.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-theme-default": "^5.
|
|
52
|
+
"@progress/kendo-theme-default": "^5.4.1",
|
|
53
53
|
"bootstrap": "^5.1.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "657719f68c3ea19c77f5f1800c511e2d460eb082"
|
|
56
56
|
}
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -19,28 +19,35 @@
|
|
|
19
19
|
|
|
20
20
|
// Hover state
|
|
21
21
|
tbody tr:not(.k-detail-row):hover,
|
|
22
|
-
tbody tr:not(.k-detail-row).k-state-hover
|
|
22
|
+
tbody tr:not(.k-detail-row).k-state-hover ,
|
|
23
|
+
tbody tr:not(.k-detail-row).k-hover {
|
|
23
24
|
color: $grid-hovered-text;
|
|
24
25
|
background-color: $grid-hovered-bg;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Selected state
|
|
28
29
|
th.k-state-selected,
|
|
30
|
+
th.k-selected,
|
|
29
31
|
td.k-state-selected,
|
|
30
|
-
|
|
32
|
+
td.k-selected,
|
|
33
|
+
tr.k-state-selected > td ,
|
|
34
|
+
tr.k-selected > td {
|
|
31
35
|
color: $grid-selected-text;
|
|
32
36
|
background-color: $grid-selected-bg;
|
|
33
37
|
}
|
|
34
38
|
|
|
35
39
|
// Focused state
|
|
36
40
|
td.k-state-focused,
|
|
41
|
+
td.k-focus,
|
|
37
42
|
th.k-state-focused,
|
|
43
|
+
th.k-focus,
|
|
38
44
|
th:focus,
|
|
39
45
|
.k-master-row > td:focus,
|
|
40
46
|
.k-grouping-row > td:focus,
|
|
41
47
|
.k-detail-row > td:focus,
|
|
42
48
|
.k-group-footer > td:focus,
|
|
43
49
|
.k-grid-pager.k-state-focused,
|
|
50
|
+
.k-grid-pager.k-focus,
|
|
44
51
|
.k-grid-pager:focus {
|
|
45
52
|
box-shadow: $grid-focused-shadow;
|
|
46
53
|
}
|
|
@@ -74,17 +81,21 @@
|
|
|
74
81
|
}
|
|
75
82
|
|
|
76
83
|
// Selected state
|
|
77
|
-
.k-state-selected td
|
|
84
|
+
.k-state-selected td ,
|
|
85
|
+
.k-selected td {
|
|
78
86
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
79
87
|
}
|
|
80
88
|
|
|
81
|
-
.k-state-selected.k-alt td
|
|
89
|
+
.k-state-selected.k-alt td ,
|
|
90
|
+
.k-selected.k-alt td {
|
|
82
91
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
83
92
|
}
|
|
84
93
|
|
|
85
94
|
// Selected hover
|
|
86
95
|
.k-state-selected:hover td,
|
|
87
|
-
.k-
|
|
96
|
+
.k-selected:hover td,
|
|
97
|
+
.k-state-selected.k-state-hover td ,
|
|
98
|
+
.k-selected.k-hover td {
|
|
88
99
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
89
100
|
}
|
|
90
101
|
}
|
|
@@ -139,10 +150,12 @@
|
|
|
139
150
|
.k-hierarchy-cell .k-icon {
|
|
140
151
|
&:focus,
|
|
141
152
|
&.k-state-focus,
|
|
153
|
+
&.k-focus,
|
|
142
154
|
&.k-state-border-down {
|
|
143
155
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
144
156
|
}
|
|
145
|
-
&.k-state-active
|
|
157
|
+
&.k-state-active ,
|
|
158
|
+
&.k-active {
|
|
146
159
|
color: $selected-text;
|
|
147
160
|
background-color: $selected-bg;
|
|
148
161
|
}
|
|
@@ -196,14 +209,20 @@
|
|
|
196
209
|
|
|
197
210
|
// Selected state
|
|
198
211
|
&.k-state-selected .k-grid-content-sticky,
|
|
212
|
+
&.k-selected .k-grid-content-sticky,
|
|
199
213
|
&.k-state-selected .k-grid-row-sticky,
|
|
200
|
-
|
|
214
|
+
&.k-selected .k-grid-row-sticky,
|
|
215
|
+
td.k-grid-content-sticky.k-state-selected ,
|
|
216
|
+
td.k-grid-content-sticky.k-selected {
|
|
201
217
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
202
218
|
}
|
|
203
219
|
|
|
204
220
|
&.k-state-selected.k-alt .k-grid-content-sticky,
|
|
221
|
+
&.k-selected.k-alt .k-grid-content-sticky,
|
|
205
222
|
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
206
|
-
&.k-alt
|
|
223
|
+
&.k-selected.k-alt .k-grid-row-sticky,
|
|
224
|
+
&.k-alt td.k-grid-content-sticky.k-state-selected ,
|
|
225
|
+
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
207
226
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
208
227
|
}
|
|
209
228
|
|
|
@@ -212,18 +231,26 @@
|
|
|
212
231
|
&:hover .k-grid-content-sticky,
|
|
213
232
|
&:hover .k-grid-row-sticky,
|
|
214
233
|
&.k-state-hover .k-grid-content-sticky,
|
|
215
|
-
&.k-
|
|
234
|
+
&.k-hover .k-grid-content-sticky,
|
|
235
|
+
&.k-state-hover .k-grid-row-sticky ,
|
|
236
|
+
&.k-hover .k-grid-row-sticky {
|
|
216
237
|
background-color: $grid-sticky-hovered-bg;
|
|
217
238
|
}
|
|
218
239
|
|
|
219
240
|
|
|
220
241
|
// Selected hover
|
|
221
242
|
&.k-state-selected:hover .k-grid-content-sticky,
|
|
243
|
+
&.k-selected:hover .k-grid-content-sticky,
|
|
222
244
|
&.k-state-selected:hover .k-grid-row-sticky,
|
|
245
|
+
&.k-selected:hover .k-grid-row-sticky,
|
|
223
246
|
&.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
247
|
+
&.k-selected.k-hover .k-grid-content-sticky,
|
|
224
248
|
&.k-state-selected.k-state-hover .k-grid-row-sticky,
|
|
249
|
+
&.k-selected.k-hover .k-grid-row-sticky,
|
|
225
250
|
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
226
|
-
|
|
251
|
+
&:hover td.k-grid-content-sticky.k-selected,
|
|
252
|
+
&.k-state-hover td.k-grid-content-sticky.k-state-selected ,
|
|
253
|
+
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
227
254
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
228
255
|
}
|
|
229
256
|
}
|
|
@@ -236,7 +263,8 @@
|
|
|
236
263
|
background-color: $grid-sticky-bg;
|
|
237
264
|
|
|
238
265
|
&:hover,
|
|
239
|
-
&.k-state-hover
|
|
266
|
+
&.k-state-hover ,
|
|
267
|
+
&.k-hover {
|
|
240
268
|
background-color: $grid-sticky-hovered-bg;
|
|
241
269
|
}
|
|
242
270
|
}
|
|
@@ -247,7 +275,8 @@
|
|
|
247
275
|
background-color: $grid-sticky-bg;
|
|
248
276
|
|
|
249
277
|
&:hover td,
|
|
250
|
-
&.k-state-hover td
|
|
278
|
+
&.k-state-hover td ,
|
|
279
|
+
&.k-hover td {
|
|
251
280
|
background-color: $grid-sticky-hovered-bg;
|
|
252
281
|
}
|
|
253
282
|
}
|
|
@@ -259,43 +288,66 @@
|
|
|
259
288
|
|
|
260
289
|
// Selected state
|
|
261
290
|
tr.k-state-selected .k-grid-content-sticky,
|
|
291
|
+
tr.k-selected .k-grid-content-sticky,
|
|
262
292
|
.k-state-selected.k-grid-row-sticky td,
|
|
293
|
+
.k-selected.k-grid-row-sticky td,
|
|
263
294
|
.k-grid-row-sticky td.k-state-selected,
|
|
264
|
-
.k-
|
|
295
|
+
.k-grid-row-sticky td.k-selected,
|
|
296
|
+
.k-state-selected.k-grid-content-sticky ,
|
|
297
|
+
.k-selected.k-grid-content-sticky {
|
|
265
298
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
266
299
|
}
|
|
267
300
|
|
|
268
301
|
tr.k-state-selected.k-alt .k-grid-content-sticky,
|
|
302
|
+
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
269
303
|
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
270
|
-
.k-
|
|
304
|
+
.k-selected.k-alt.k-grid-row-sticky td,
|
|
305
|
+
.k-alt .k-state-selected.k-grid-content-sticky ,
|
|
306
|
+
.k-alt .k-selected.k-grid-content-sticky {
|
|
271
307
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
272
308
|
}
|
|
273
309
|
|
|
274
310
|
// Hover state
|
|
275
311
|
tr:hover .k-grid-content-sticky,
|
|
276
312
|
tr.k-state-hover .k-grid-content-sticky,
|
|
313
|
+
tr.k-hover .k-grid-content-sticky,
|
|
277
314
|
.k-grid-row-sticky:hover td,
|
|
278
315
|
.k-grid-row-sticky.k-state-hover td,
|
|
316
|
+
.k-grid-row-sticky.k-hover td,
|
|
279
317
|
.k-grid-row-sticky.k-alt:hover td,
|
|
280
318
|
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
319
|
+
.k-grid-row-sticky.k-alt.k-hover td,
|
|
281
320
|
.k-alt:hover .k-grid-content-sticky,
|
|
282
|
-
.k-alt.k-state-hover .k-grid-content-sticky
|
|
321
|
+
.k-alt.k-state-hover .k-grid-content-sticky ,
|
|
322
|
+
.k-alt.k-hover .k-grid-content-sticky {
|
|
283
323
|
background-color: $grid-sticky-hovered-bg;
|
|
284
324
|
}
|
|
285
325
|
|
|
286
326
|
// Selected + Hover
|
|
287
327
|
tr.k-state-selected:hover .k-grid-content-sticky,
|
|
328
|
+
tr.k-selected:hover .k-grid-content-sticky,
|
|
288
329
|
tr.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
330
|
+
tr.k-selected.k-hover .k-grid-content-sticky,
|
|
289
331
|
.k-state-selected.k-grid-row-sticky:hover td,
|
|
332
|
+
.k-selected.k-grid-row-sticky:hover td,
|
|
290
333
|
.k-state-selected.k-grid-row-sticky.k-state-hover td,
|
|
334
|
+
.k-selected.k-grid-row-sticky.k-hover td,
|
|
291
335
|
.k-state-selected.k-alt.k-grid-row-sticky:hover td,
|
|
336
|
+
.k-selected.k-alt.k-grid-row-sticky:hover td,
|
|
292
337
|
.k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
|
|
338
|
+
.k-selected.k-alt.k-grid-row-sticky.k-hover td,
|
|
293
339
|
tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
|
|
340
|
+
tr.k-selected.k-alt:hover .k-grid-content-sticky,
|
|
294
341
|
tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
|
|
342
|
+
tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
|
|
295
343
|
.k-grid-row-sticky:hover td.k-state-selected,
|
|
344
|
+
.k-grid-row-sticky:hover td.k-selected,
|
|
296
345
|
.k-grid-row-sticky.k-state-hover td.k-state-selected,
|
|
346
|
+
.k-grid-row-sticky.k-hover td.k-selected,
|
|
297
347
|
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
298
|
-
tr
|
|
348
|
+
tr:hover .k-grid-content-sticky.k-selected,
|
|
349
|
+
tr.k-state-hover .k-grid-content-sticky.k-state-selected ,
|
|
350
|
+
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
299
351
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
300
352
|
}
|
|
301
353
|
}
|
|
@@ -306,7 +358,8 @@
|
|
|
306
358
|
}
|
|
307
359
|
|
|
308
360
|
&:hover .k-grid-content-sticky,
|
|
309
|
-
&.k-state-hover .k-grid-content-sticky
|
|
361
|
+
&.k-state-hover .k-grid-content-sticky ,
|
|
362
|
+
&.k-hover .k-grid-content-sticky {
|
|
310
363
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
311
364
|
}
|
|
312
365
|
}
|
|
@@ -318,7 +371,8 @@
|
|
|
318
371
|
}
|
|
319
372
|
|
|
320
373
|
&:hover .k-grid-footer-sticky,
|
|
321
|
-
&.k-state-hover .k-grid-footer-sticky
|
|
374
|
+
&.k-state-hover .k-grid-footer-sticky ,
|
|
375
|
+
&.k-hover .k-grid-footer-sticky {
|
|
322
376
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
323
377
|
}
|
|
324
378
|
}
|
|
@@ -360,7 +414,8 @@
|
|
|
360
414
|
);
|
|
361
415
|
}
|
|
362
416
|
.k-columnmenu-item:focus,
|
|
363
|
-
.k-columnmenu-item.k-state-focus
|
|
417
|
+
.k-columnmenu-item.k-state-focus ,
|
|
418
|
+
.k-columnmenu-item.k-focus {
|
|
364
419
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
365
420
|
}
|
|
366
421
|
|
|
@@ -369,7 +424,8 @@
|
|
|
369
424
|
}
|
|
370
425
|
|
|
371
426
|
.k-columnmenu-item {
|
|
372
|
-
&.k-state-selected
|
|
427
|
+
&.k-state-selected ,
|
|
428
|
+
&.k-selected {
|
|
373
429
|
@include fill(
|
|
374
430
|
$kendo-list-item-selected-text,
|
|
375
431
|
$kendo-list-item-selected-bg
|
|
@@ -394,14 +450,16 @@
|
|
|
394
450
|
);
|
|
395
451
|
|
|
396
452
|
&:hover,
|
|
397
|
-
&.k-state-hover
|
|
453
|
+
&.k-state-hover ,
|
|
454
|
+
&.k-hover {
|
|
398
455
|
@include fill(
|
|
399
456
|
$kendo-list-item-hover-text,
|
|
400
457
|
$kendo-list-item-hover-bg
|
|
401
458
|
);
|
|
402
459
|
}
|
|
403
460
|
|
|
404
|
-
&.k-state-selected
|
|
461
|
+
&.k-state-selected ,
|
|
462
|
+
&.k-selected {
|
|
405
463
|
@include fill(
|
|
406
464
|
$kendo-list-item-selected-text,
|
|
407
465
|
$kendo-list-item-selected-bg
|
|
@@ -409,7 +467,8 @@
|
|
|
409
467
|
}
|
|
410
468
|
|
|
411
469
|
&:focus,
|
|
412
|
-
&.k-state-focused
|
|
470
|
+
&.k-state-focused ,
|
|
471
|
+
&.k-focus {
|
|
413
472
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
414
473
|
}
|
|
415
474
|
}
|
package/scss/pager/_theme.scss
CHANGED
|
@@ -45,7 +45,8 @@
|
|
|
45
45
|
outline-width: 0;
|
|
46
46
|
|
|
47
47
|
&:focus,
|
|
48
|
-
&.k-state-focus
|
|
48
|
+
&.k-state-focus ,
|
|
49
|
+
&.k-focus {
|
|
49
50
|
color: $scrollview-navigation-color;
|
|
50
51
|
opacity: $scrollview-navigation-hover-opacity;
|
|
51
52
|
.k-icon::before {
|
|
@@ -55,7 +56,8 @@
|
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
&:hover,
|
|
58
|
-
&.k-state-hover
|
|
59
|
+
&.k-state-hover ,
|
|
60
|
+
&.k-hover {
|
|
59
61
|
color: $scrollview-navigation-color;
|
|
60
62
|
opacity: $scrollview-navigation-hover-opacity;
|
|
61
63
|
|
|
@@ -76,13 +78,15 @@
|
|
|
76
78
|
|
|
77
79
|
|
|
78
80
|
&:focus,
|
|
79
|
-
&.k-state-focused
|
|
81
|
+
&.k-state-focused ,
|
|
82
|
+
&.k-focus {
|
|
80
83
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
81
84
|
}
|
|
82
85
|
}
|
|
83
86
|
|
|
84
87
|
.k-scrollview-nav > .k-link:hover,
|
|
85
|
-
.k-scrollview-nav > .k-link.k-state-hover
|
|
88
|
+
.k-scrollview-nav > .k-link.k-state-hover ,
|
|
89
|
+
.k-scrollview-nav > .k-link.k-hover {
|
|
86
90
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
87
91
|
}
|
|
88
92
|
|
|
@@ -125,7 +125,8 @@
|
|
|
125
125
|
);
|
|
126
126
|
box-shadow: inset 0 0 0 1px $kendo-button-border;
|
|
127
127
|
|
|
128
|
-
&.k-state-active
|
|
128
|
+
&.k-state-active ,
|
|
129
|
+
&.k-active {
|
|
129
130
|
@include fill(
|
|
130
131
|
$kendo-button-active-text,
|
|
131
132
|
$kendo-button-active-bg,
|
|
@@ -151,7 +152,8 @@
|
|
|
151
152
|
> .k-menu,
|
|
152
153
|
> .k-menu:not(.k-context-menu) {
|
|
153
154
|
.k-item {
|
|
154
|
-
&.k-state-hover
|
|
155
|
+
&.k-state-hover ,
|
|
156
|
+
&.k-hover {
|
|
155
157
|
@include fill(
|
|
156
158
|
$kendo-list-item-hover-text,
|
|
157
159
|
$kendo-list-item-hover-bg
|
|
@@ -181,12 +183,14 @@
|
|
|
181
183
|
|
|
182
184
|
.k-spreadsheet-has-image {
|
|
183
185
|
&:hover,
|
|
184
|
-
&.k-state-hovered
|
|
186
|
+
&.k-state-hovered ,
|
|
187
|
+
&.k-hover {
|
|
185
188
|
box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
|
|
186
189
|
}
|
|
187
190
|
|
|
188
191
|
&:hover div,
|
|
189
|
-
&.k-state-hovered div
|
|
192
|
+
&.k-state-hovered div ,
|
|
193
|
+
&.k-hover div {
|
|
190
194
|
color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
|
|
191
195
|
}
|
|
192
196
|
}
|
|
@@ -220,7 +224,8 @@
|
|
|
220
224
|
.k-button {}
|
|
221
225
|
|
|
222
226
|
.k-button:hover,
|
|
223
|
-
.k-button.k-state-hover
|
|
227
|
+
.k-button.k-state-hover ,
|
|
228
|
+
.k-button.k-hover {
|
|
224
229
|
@include fill(
|
|
225
230
|
$kendo-list-item-hover-text,
|
|
226
231
|
$kendo-list-item-hover-bg
|
|
@@ -228,7 +233,9 @@
|
|
|
228
233
|
}
|
|
229
234
|
.k-button:active,
|
|
230
235
|
.k-button.k-state-active,
|
|
231
|
-
.k-button.k-
|
|
236
|
+
.k-button.k-active,
|
|
237
|
+
.k-button.k-state-selected ,
|
|
238
|
+
.k-button.k-selected {
|
|
232
239
|
@include fill(
|
|
233
240
|
$kendo-list-item-selected-text,
|
|
234
241
|
$kendo-list-item-selected-bg
|
|
@@ -7,28 +7,36 @@
|
|
|
7
7
|
.k-tabstrip-top {
|
|
8
8
|
|
|
9
9
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
10
|
-
> .k-tabstrip-items .k-item.k-
|
|
10
|
+
> .k-tabstrip-items .k-item.k-hover,
|
|
11
|
+
> .k-tabstrip-items .k-item.k-state-active ,
|
|
12
|
+
> .k-tabstrip-items .k-item.k-active {
|
|
11
13
|
border-bottom-color: transparent;
|
|
12
14
|
}
|
|
13
15
|
}
|
|
14
16
|
.k-tabstrip-bottom {
|
|
15
17
|
|
|
16
18
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
17
|
-
> .k-tabstrip-items .k-item.k-
|
|
19
|
+
> .k-tabstrip-items .k-item.k-hover,
|
|
20
|
+
> .k-tabstrip-items .k-item.k-state-active ,
|
|
21
|
+
> .k-tabstrip-items .k-item.k-active {
|
|
18
22
|
border-top-color: transparent;
|
|
19
23
|
}
|
|
20
24
|
}
|
|
21
25
|
.k-tabstrip-left {
|
|
22
26
|
|
|
23
27
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
24
|
-
> .k-tabstrip-items .k-item.k-
|
|
28
|
+
> .k-tabstrip-items .k-item.k-hover,
|
|
29
|
+
> .k-tabstrip-items .k-item.k-state-active ,
|
|
30
|
+
> .k-tabstrip-items .k-item.k-active {
|
|
25
31
|
border-right-color: transparent;
|
|
26
32
|
}
|
|
27
33
|
}
|
|
28
34
|
.k-tabstrip-right {
|
|
29
35
|
|
|
30
36
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
31
|
-
> .k-tabstrip-items .k-item.k-
|
|
37
|
+
> .k-tabstrip-items .k-item.k-hover,
|
|
38
|
+
> .k-tabstrip-items .k-item.k-state-active ,
|
|
39
|
+
> .k-tabstrip-items .k-item.k-active {
|
|
32
40
|
border-left-color: transparent;
|
|
33
41
|
}
|
|
34
42
|
}
|