@progress/kendo-theme-bootstrap 5.6.1-dev.5 → 5.7.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/dist/all.css +873 -1029
- package/dist/all.scss +415 -677
- 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 +4 -4
- package/scss/badge/_variables.scss +70 -35
- package/scss/breadcrumb/_layout.scss +0 -1
- package/scss/breadcrumb/_theme.scss +0 -1
- package/scss/card/_variables.scss +0 -10
- package/scss/fab/_theme.scss +16 -16
- package/scss/forms/_variables.scss +1 -1
- package/scss/grid/_theme.scss +5 -63
- package/scss/pager/_theme.scss +0 -1
- package/scss/pdf-viewer/_index.scss +3 -0
- package/scss/pdf-viewer/_variables.scss +14 -1
- package/scss/popover/_variables.scss +0 -4
- package/scss/scrollview/_theme.scss +0 -4
- package/scss/signature/_variables.scss +23 -21
- package/scss/spreadsheet/_theme.scss +0 -7
- package/scss/switch/_layout.scss +1 -2
- package/scss/tabstrip/_theme.scss +4 -8
- package/scss/typography/_variables.scss +1 -1
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.7.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@progress/kendo-theme-default": "^5.
|
|
46
|
+
"@progress/kendo-theme-default": "^5.7.0",
|
|
47
47
|
"bootstrap": "^5.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"sass-build": "^0.0
|
|
50
|
+
"sass-build": "^1.0.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "5e316441f8406d4e3ef94f189ae71304cf7f6a15"
|
|
53
53
|
}
|
|
@@ -1,36 +1,71 @@
|
|
|
1
1
|
// Badge
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
$badge-border-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$badge-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
$badge-
|
|
15
|
-
|
|
16
|
-
$badge-padding-x-
|
|
17
|
-
$badge-padding-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
$badge-
|
|
22
|
-
|
|
23
|
-
$badge-
|
|
24
|
-
$badge-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
$badge-
|
|
29
|
-
$badge-
|
|
30
|
-
$
|
|
31
|
-
$badge-
|
|
32
|
-
|
|
33
|
-
$
|
|
34
|
-
|
|
35
|
-
$badge-
|
|
36
|
-
$badge-
|
|
2
|
+
|
|
3
|
+
/// Width of the border around the badge.
|
|
4
|
+
/// @group badge
|
|
5
|
+
$kendo-badge-border-width: 1px !default;
|
|
6
|
+
|
|
7
|
+
/// Border radius of the badge.
|
|
8
|
+
/// @group badge
|
|
9
|
+
$kendo-badge-border-radius: $badge-border-radius !default;
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
/// Horizontal padding of the badge.
|
|
13
|
+
/// @group badge
|
|
14
|
+
$kendo-badge-padding-x: $badge-padding-x !default;
|
|
15
|
+
$kendo-badge-padding-x-sm: ( $badge-padding-x / 2 ) !default;
|
|
16
|
+
$kendo-badge-padding-x-md: $badge-padding-x !default;
|
|
17
|
+
$kendo-badge-padding-x-lg: ( $badge-padding-x * 1.5 ) !default;
|
|
18
|
+
|
|
19
|
+
/// Vertical padding of the badge.
|
|
20
|
+
/// @group badge
|
|
21
|
+
$kendo-badge-padding-y: $badge-padding-y !default;
|
|
22
|
+
$kendo-badge-padding-y-sm: ( $badge-padding-y / 2 ) !default;
|
|
23
|
+
$kendo-badge-padding-y-md: $badge-padding-y !default;
|
|
24
|
+
$kendo-badge-padding-y-lg: ( $badge-padding-y * 1.5 ) !default;
|
|
25
|
+
|
|
26
|
+
/// Font sizes of the badge.
|
|
27
|
+
/// @group badge
|
|
28
|
+
$kendo-badge-font-size: $badge-font-size !default;
|
|
29
|
+
$kendo-badge-font-size-sm: $badge-font-size !default;
|
|
30
|
+
$kendo-badge-font-size-md: $badge-font-size !default;
|
|
31
|
+
$kendo-badge-font-size-lg: $badge-font-size !default;
|
|
32
|
+
|
|
33
|
+
/// Line heights used along with $font-size.
|
|
34
|
+
/// @group badge
|
|
35
|
+
$kendo-badge-line-height: 1 !default;
|
|
36
|
+
$kendo-badge-line-height-sm: $kendo-badge-line-height !default;
|
|
37
|
+
$kendo-badge-line-height-md: $kendo-badge-line-height !default;
|
|
38
|
+
$kendo-badge-line-height-lg: $kendo-badge-line-height !default;
|
|
39
|
+
|
|
40
|
+
/// Badge min width used for circle badge.
|
|
41
|
+
/// @group badge
|
|
42
|
+
$kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
|
|
43
|
+
$kendo-badge-min-width-sm: calc( #{$kendo-badge-line-height-sm * 1em} + #{$kendo-badge-padding-y-sm * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
44
|
+
$kendo-badge-min-width-md: calc( #{$kendo-badge-line-height-md * 1em} + #{$kendo-badge-padding-y-md * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
45
|
+
$kendo-badge-min-width-lg: calc( #{$kendo-badge-line-height-lg * 1em} + #{$kendo-badge-padding-y-lg * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
46
|
+
|
|
47
|
+
/// Sizes map for the badge.
|
|
48
|
+
/// @group badge
|
|
49
|
+
$kendo-badge-sizes: (
|
|
50
|
+
sm: (
|
|
51
|
+
padding-x: $kendo-badge-padding-x-sm,
|
|
52
|
+
padding-y: $kendo-badge-padding-y-sm,
|
|
53
|
+
font-size: $kendo-badge-font-size-sm,
|
|
54
|
+
line-height: $kendo-badge-line-height-sm,
|
|
55
|
+
min-width: $kendo-badge-min-width-sm
|
|
56
|
+
),
|
|
57
|
+
md: (
|
|
58
|
+
padding-x: $kendo-badge-padding-x-md,
|
|
59
|
+
padding-y: $kendo-badge-padding-y-md,
|
|
60
|
+
font-size: $kendo-badge-font-size-md,
|
|
61
|
+
line-height: $kendo-badge-line-height-md,
|
|
62
|
+
min-width: $kendo-badge-min-width-md
|
|
63
|
+
),
|
|
64
|
+
lg: (
|
|
65
|
+
padding-x: $kendo-badge-padding-x-lg,
|
|
66
|
+
padding-y: $kendo-badge-padding-y-lg,
|
|
67
|
+
font-size: $kendo-badge-font-size-lg,
|
|
68
|
+
line-height: $kendo-badge-line-height-lg,
|
|
69
|
+
min-width: $kendo-badge-min-width-lg
|
|
70
|
+
)
|
|
71
|
+
) !default;
|
|
@@ -66,13 +66,3 @@ $card-deck-scroll-button-offset: -$kendo-button-border-width !default;
|
|
|
66
66
|
|
|
67
67
|
$card-callout-width: 1.3em !default;
|
|
68
68
|
$card-callout-height: 1.3em !default;
|
|
69
|
-
|
|
70
|
-
$card-callout-box-shadow-n: null !default;
|
|
71
|
-
$card-callout-box-shadow-e: null !default;
|
|
72
|
-
$card-callout-box-shadow-s: null !default;
|
|
73
|
-
$card-callout-box-shadow-w: null !default;
|
|
74
|
-
|
|
75
|
-
$card-focus-callout-box-shadow-n: $card-focus-shadow !default;
|
|
76
|
-
$card-focus-callout-box-shadow-e: $card-focus-shadow !default;
|
|
77
|
-
$card-focus-callout-box-shadow-s: 3px -3px 0 0 rgba( $card-border, .5 ) !default;
|
|
78
|
-
$card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
package/scss/fab/_theme.scss
CHANGED
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
|
|
15
15
|
// Hover state
|
|
16
16
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
17
|
-
.k-
|
|
18
|
-
.k-fab-solid-#{$name}
|
|
17
|
+
.k-fab-solid-#{$name}:hover,
|
|
18
|
+
.k-fab-solid-#{$name}.k-hover {
|
|
19
19
|
border-color: try-darken( $color, 10% );
|
|
20
20
|
color: contrast-wcag( try-darken( $color, 7.5% ) );
|
|
21
21
|
background-color: try-darken( $color, 7.5% );
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
|
|
25
25
|
// Focus state
|
|
26
26
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
27
|
-
.k-fab-solid-#{$name}
|
|
28
|
-
.k-fab-solid-#{$name}
|
|
27
|
+
.k-fab-solid-#{$name}:focus,
|
|
28
|
+
.k-fab-solid-#{$name}.k-focus {
|
|
29
29
|
outline-style: solid;
|
|
30
30
|
outline-width: 3px;
|
|
31
31
|
outline-color: rgba( $color, .5 );
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
|
|
35
35
|
// Active state
|
|
36
36
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37
|
-
.k-
|
|
38
|
-
.k-
|
|
39
|
-
.k-fab-solid-#{$name}
|
|
37
|
+
.k-fab-solid-#{$name}:active,
|
|
38
|
+
.k-fab-solid-#{$name}.k-active,
|
|
39
|
+
.k-fab-solid-#{$name}.k-selected {
|
|
40
40
|
@include box-shadow($kendo-fab-active-shadow);
|
|
41
41
|
border-color: try-darken( $color, 12.5% );
|
|
42
42
|
color: contrast-wcag( try-darken( $color, 10% ) );
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
|
|
47
47
|
// Disabled state
|
|
48
48
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
49
|
-
.k-
|
|
50
|
-
.k-fab-solid-#{$name}
|
|
49
|
+
.k-fab-solid-#{$name}:disabled,
|
|
50
|
+
.k-fab-solid-#{$name}.k-disabled {
|
|
51
51
|
@include box-shadow($kendo-fab-disabled-shadow);
|
|
52
52
|
background-color: try-tint( $color, 4.5 );
|
|
53
53
|
color: try-tint( contrast-wcag( $color ), 5 );
|
|
@@ -76,8 +76,8 @@
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
// Hover state
|
|
79
|
-
.k-fab-item
|
|
80
|
-
.k-fab-item
|
|
79
|
+
.k-fab-item:hover .k-fab-item-icon,
|
|
80
|
+
.k-fab-item.k-hover .k-fab-item-icon {
|
|
81
81
|
@include box-shadow($kendo-fab-item-shadow);
|
|
82
82
|
outline: $kendo-fab-border-width solid try-darken( $kendo-fab-item-icon-border, 10% );
|
|
83
83
|
outline-offset: -$kendo-fab-border-width;
|
|
@@ -88,8 +88,8 @@
|
|
|
88
88
|
|
|
89
89
|
// Focus state
|
|
90
90
|
.k-fab-item:focus .k-fab-item-text,
|
|
91
|
-
.k-fab-item:focus .k-fab-item-icon,
|
|
92
91
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
92
|
+
.k-fab-item:focus .k-fab-item-icon,
|
|
93
93
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
94
94
|
outline-style: solid;
|
|
95
95
|
outline-width: 3px;
|
|
@@ -97,8 +97,8 @@
|
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
// Active state
|
|
100
|
-
.k-fab-item
|
|
101
|
-
.k-fab-item
|
|
100
|
+
.k-fab-item:active .k-fab-item-icon,
|
|
101
|
+
.k-fab-item.k-active .k-fab-item-icon {
|
|
102
102
|
@include box-shadow($kendo-fab-item-active-shadow);
|
|
103
103
|
outline: $kendo-fab-border-width solid try-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
104
104
|
outline-offset: -$kendo-fab-border-width;
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
// Disabled state
|
|
111
|
-
.k-fab-item
|
|
112
|
-
.k-fab-item
|
|
111
|
+
.k-fab-item:disabled,
|
|
112
|
+
.k-fab-item.k-disabled {
|
|
113
113
|
opacity: 1;
|
|
114
114
|
|
|
115
115
|
.k-fab-item-text,
|
|
@@ -3,7 +3,7 @@ $form-spacer: $padding-x * 2 !default;
|
|
|
3
3
|
|
|
4
4
|
$form-font-size: $font-size !default;
|
|
5
5
|
$form-line-height: $input-btn-line-height !default;
|
|
6
|
-
$form-line-height-em: ($form-line-height * 1em) !default;
|
|
6
|
+
$form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
|
|
7
7
|
$form-line-height-sm: $line-height-sm !default;
|
|
8
8
|
$form-line-height-lg: $line-height-lg !default;
|
|
9
9
|
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -19,34 +19,27 @@
|
|
|
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,
|
|
23
22
|
tbody>tr:not(.k-detail-row).k-hover {
|
|
24
23
|
color: $grid-hovered-text;
|
|
25
24
|
background-color: $grid-hovered-bg;
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
// Selected state
|
|
29
|
-
th.k-state-selected,
|
|
30
28
|
th.k-selected,
|
|
31
|
-
td.k-state-selected,
|
|
32
29
|
td.k-selected,
|
|
33
|
-
tr.k-state-selected > td,
|
|
34
30
|
tr.k-selected > td {
|
|
35
31
|
color: $grid-selected-text;
|
|
36
32
|
background-color: $grid-selected-bg;
|
|
37
33
|
}
|
|
38
34
|
|
|
39
35
|
// Focused state
|
|
40
|
-
td.k-state-focused,
|
|
41
36
|
td.k-focus,
|
|
42
|
-
th.k-state-focused,
|
|
43
37
|
th.k-focus,
|
|
44
38
|
th:focus,
|
|
45
39
|
.k-master-row > td:focus,
|
|
46
40
|
.k-grouping-row > td:focus,
|
|
47
41
|
.k-detail-row > td:focus,
|
|
48
42
|
.k-group-footer > td:focus,
|
|
49
|
-
.k-grid-pager.k-state-focused,
|
|
50
43
|
.k-grid-pager.k-focus,
|
|
51
44
|
.k-grid-pager:focus {
|
|
52
45
|
box-shadow: $grid-focused-shadow;
|
|
@@ -81,20 +74,16 @@
|
|
|
81
74
|
}
|
|
82
75
|
|
|
83
76
|
// Selected state
|
|
84
|
-
.k-state-selected td,
|
|
85
77
|
.k-selected td {
|
|
86
78
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
87
79
|
}
|
|
88
80
|
|
|
89
|
-
.k-state-selected.k-alt td,
|
|
90
81
|
.k-selected.k-alt td {
|
|
91
82
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
92
83
|
}
|
|
93
84
|
|
|
94
85
|
// Selected hover
|
|
95
|
-
.k-state-selected:hover td,
|
|
96
86
|
.k-selected:hover td,
|
|
97
|
-
.k-state-selected.k-state-hover td,
|
|
98
87
|
.k-selected.k-hover td {
|
|
99
88
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
100
89
|
}
|
|
@@ -141,6 +130,8 @@
|
|
|
141
130
|
|
|
142
131
|
.k-i-sort-asc-sm,
|
|
143
132
|
.k-i-sort-desc-sm,
|
|
133
|
+
.k-i-sort-asc-small,
|
|
134
|
+
.k-i-sort-desc-small,
|
|
144
135
|
.k-sort-order {
|
|
145
136
|
color: $grid-sorting-indicator-text;
|
|
146
137
|
}
|
|
@@ -150,12 +141,9 @@
|
|
|
150
141
|
.k-grid-header-menu,
|
|
151
142
|
.k-hierarchy-cell .k-icon {
|
|
152
143
|
&:focus,
|
|
153
|
-
&.k-
|
|
154
|
-
&.k-focus,
|
|
155
|
-
&.k-state-border-down {
|
|
144
|
+
&.k-focus {
|
|
156
145
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
157
146
|
}
|
|
158
|
-
&.k-state-active,
|
|
159
147
|
&.k-active {
|
|
160
148
|
color: $selected-text;
|
|
161
149
|
background-color: $selected-bg;
|
|
@@ -209,20 +197,14 @@
|
|
|
209
197
|
}
|
|
210
198
|
|
|
211
199
|
// Selected state
|
|
212
|
-
&.k-state-selected .k-grid-content-sticky,
|
|
213
200
|
&.k-selected .k-grid-content-sticky,
|
|
214
|
-
&.k-state-selected .k-grid-row-sticky,
|
|
215
201
|
&.k-selected .k-grid-row-sticky,
|
|
216
|
-
td.k-grid-content-sticky.k-state-selected,
|
|
217
202
|
td.k-grid-content-sticky.k-selected {
|
|
218
203
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
219
204
|
}
|
|
220
205
|
|
|
221
|
-
&.k-state-selected.k-alt .k-grid-content-sticky,
|
|
222
206
|
&.k-selected.k-alt .k-grid-content-sticky,
|
|
223
|
-
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
224
207
|
&.k-selected.k-alt .k-grid-row-sticky,
|
|
225
|
-
&.k-alt td.k-grid-content-sticky.k-state-selected,
|
|
226
208
|
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
227
209
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
228
210
|
}
|
|
@@ -230,27 +212,19 @@
|
|
|
230
212
|
|
|
231
213
|
// Hovered state
|
|
232
214
|
&:hover .k-grid-content-sticky,
|
|
233
|
-
&:hover .k-grid-row-sticky,
|
|
234
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
235
215
|
&.k-hover .k-grid-content-sticky,
|
|
236
|
-
|
|
216
|
+
&:hover .k-grid-row-sticky,
|
|
237
217
|
&.k-hover .k-grid-row-sticky {
|
|
238
218
|
background-color: $grid-sticky-hovered-bg;
|
|
239
219
|
}
|
|
240
220
|
|
|
241
221
|
|
|
242
222
|
// Selected hover
|
|
243
|
-
&.k-state-selected:hover .k-grid-content-sticky,
|
|
244
223
|
&.k-selected:hover .k-grid-content-sticky,
|
|
245
|
-
&.k-state-selected:hover .k-grid-row-sticky,
|
|
246
|
-
&.k-selected:hover .k-grid-row-sticky,
|
|
247
|
-
&.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
248
224
|
&.k-selected.k-hover .k-grid-content-sticky,
|
|
249
|
-
&.k-
|
|
225
|
+
&.k-selected:hover .k-grid-row-sticky,
|
|
250
226
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
251
|
-
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
252
227
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
253
|
-
&.k-state-hover td.k-grid-content-sticky.k-state-selected,
|
|
254
228
|
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
255
229
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
256
230
|
}
|
|
@@ -264,7 +238,6 @@
|
|
|
264
238
|
background-color: $grid-sticky-bg;
|
|
265
239
|
|
|
266
240
|
&:hover,
|
|
267
|
-
&.k-state-hover,
|
|
268
241
|
&.k-hover {
|
|
269
242
|
background-color: $grid-sticky-hovered-bg;
|
|
270
243
|
}
|
|
@@ -276,7 +249,6 @@
|
|
|
276
249
|
background-color: $grid-sticky-bg;
|
|
277
250
|
|
|
278
251
|
&:hover td,
|
|
279
|
-
&.k-state-hover td,
|
|
280
252
|
&.k-hover td {
|
|
281
253
|
background-color: $grid-sticky-hovered-bg;
|
|
282
254
|
}
|
|
@@ -288,66 +260,43 @@
|
|
|
288
260
|
}
|
|
289
261
|
|
|
290
262
|
// Selected state
|
|
291
|
-
tr.k-state-selected .k-grid-content-sticky,
|
|
292
263
|
tr.k-selected .k-grid-content-sticky,
|
|
293
|
-
.k-state-selected.k-grid-row-sticky td,
|
|
294
264
|
.k-selected.k-grid-row-sticky td,
|
|
295
|
-
.k-grid-row-sticky td.k-state-selected,
|
|
296
265
|
.k-grid-row-sticky td.k-selected,
|
|
297
|
-
.k-state-selected.k-grid-content-sticky,
|
|
298
266
|
.k-selected.k-grid-content-sticky {
|
|
299
267
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
300
268
|
}
|
|
301
269
|
|
|
302
|
-
tr.k-state-selected.k-alt .k-grid-content-sticky,
|
|
303
270
|
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
304
|
-
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
305
271
|
.k-selected.k-alt.k-grid-row-sticky td,
|
|
306
|
-
.k-alt .k-state-selected.k-grid-content-sticky,
|
|
307
272
|
.k-alt .k-selected.k-grid-content-sticky {
|
|
308
273
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
309
274
|
}
|
|
310
275
|
|
|
311
276
|
// Hover state
|
|
312
277
|
tr:hover .k-grid-content-sticky,
|
|
313
|
-
tr.k-state-hover .k-grid-content-sticky,
|
|
314
278
|
tr.k-hover .k-grid-content-sticky,
|
|
315
279
|
.k-grid-row-sticky:hover td,
|
|
316
|
-
.k-grid-row-sticky.k-state-hover td,
|
|
317
280
|
.k-grid-row-sticky.k-hover td,
|
|
318
281
|
.k-grid-row-sticky.k-alt:hover td,
|
|
319
|
-
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
320
282
|
.k-grid-row-sticky.k-alt.k-hover td,
|
|
321
283
|
.k-alt:hover .k-grid-content-sticky,
|
|
322
|
-
.k-alt.k-state-hover .k-grid-content-sticky,
|
|
323
284
|
.k-alt.k-hover .k-grid-content-sticky {
|
|
324
285
|
background-color: $grid-sticky-hovered-bg;
|
|
325
286
|
}
|
|
326
287
|
|
|
327
288
|
// Selected + Hover
|
|
328
|
-
tr.k-state-selected:hover .k-grid-content-sticky,
|
|
329
289
|
tr.k-selected:hover .k-grid-content-sticky,
|
|
330
|
-
tr.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
331
290
|
tr.k-selected.k-hover .k-grid-content-sticky,
|
|
332
|
-
.k-state-selected.k-grid-row-sticky:hover td,
|
|
333
291
|
.k-selected.k-grid-row-sticky:hover td,
|
|
334
|
-
.k-state-selected.k-grid-row-sticky.k-state-hover td,
|
|
335
292
|
.k-selected.k-grid-row-sticky.k-hover td,
|
|
336
|
-
.k-state-selected.k-alt.k-grid-row-sticky:hover td,
|
|
337
293
|
.k-selected.k-alt.k-grid-row-sticky:hover td,
|
|
338
|
-
.k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
|
|
339
294
|
.k-selected.k-alt.k-grid-row-sticky.k-hover td,
|
|
340
|
-
tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
|
|
341
295
|
tr.k-selected.k-alt:hover .k-grid-content-sticky,
|
|
342
|
-
tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
|
|
343
296
|
tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
|
|
344
|
-
.k-grid-row-sticky:hover td.k-state-selected,
|
|
345
297
|
.k-grid-row-sticky:hover td.k-selected,
|
|
346
|
-
.k-grid-row-sticky.k-state-hover td.k-state-selected,
|
|
347
298
|
.k-grid-row-sticky.k-hover td.k-selected,
|
|
348
|
-
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
349
299
|
tr:hover .k-grid-content-sticky.k-selected,
|
|
350
|
-
tr.k-state-hover .k-grid-content-sticky.k-state-selected,
|
|
351
300
|
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
352
301
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
353
302
|
}
|
|
@@ -359,7 +308,6 @@
|
|
|
359
308
|
}
|
|
360
309
|
|
|
361
310
|
&:hover .k-grid-content-sticky,
|
|
362
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
363
311
|
&.k-hover .k-grid-content-sticky {
|
|
364
312
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
365
313
|
}
|
|
@@ -372,7 +320,6 @@
|
|
|
372
320
|
}
|
|
373
321
|
|
|
374
322
|
&:hover .k-grid-footer-sticky,
|
|
375
|
-
&.k-state-hover .k-grid-footer-sticky,
|
|
376
323
|
&.k-hover .k-grid-footer-sticky {
|
|
377
324
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
378
325
|
}
|
|
@@ -415,7 +362,6 @@
|
|
|
415
362
|
);
|
|
416
363
|
}
|
|
417
364
|
.k-columnmenu-item:focus,
|
|
418
|
-
.k-columnmenu-item.k-state-focus,
|
|
419
365
|
.k-columnmenu-item.k-focus {
|
|
420
366
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
421
367
|
}
|
|
@@ -425,7 +371,6 @@
|
|
|
425
371
|
}
|
|
426
372
|
|
|
427
373
|
.k-columnmenu-item {
|
|
428
|
-
&.k-state-selected,
|
|
429
374
|
&.k-selected {
|
|
430
375
|
@include fill(
|
|
431
376
|
$kendo-list-item-selected-text,
|
|
@@ -451,7 +396,6 @@
|
|
|
451
396
|
);
|
|
452
397
|
|
|
453
398
|
&:hover,
|
|
454
|
-
&.k-state-hover,
|
|
455
399
|
&.k-hover {
|
|
456
400
|
@include fill(
|
|
457
401
|
$kendo-list-item-hover-text,
|
|
@@ -459,7 +403,6 @@
|
|
|
459
403
|
);
|
|
460
404
|
}
|
|
461
405
|
|
|
462
|
-
&.k-state-selected,
|
|
463
406
|
&.k-selected {
|
|
464
407
|
@include fill(
|
|
465
408
|
$kendo-list-item-selected-text,
|
|
@@ -468,7 +411,6 @@
|
|
|
468
411
|
}
|
|
469
412
|
|
|
470
413
|
&:focus,
|
|
471
|
-
&.k-state-focused,
|
|
472
414
|
&.k-focus {
|
|
473
415
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
474
416
|
}
|