@progress/kendo-theme-default 7.3.0-dev.0 → 8.0.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/dist/all.css +2805 -2054
- package/dist/all.scss +485 -143
- package/dist/default-blue.scss +143 -29
- package/dist/default-dataviz-v4.scss +45 -6
- package/dist/default-green.scss +135 -29
- package/dist/default-main-dark.scss +190 -34
- package/dist/default-main.scss +34 -29
- package/dist/default-nordic.scss +143 -29
- package/dist/default-ocean-blue-a11y.scss +170 -33
- package/dist/default-ocean-blue.scss +166 -33
- package/dist/default-orange.scss +143 -29
- package/dist/default-purple.scss +143 -29
- package/dist/default-turquoise.scss +143 -29
- package/dist/default-urban.scss +143 -29
- package/dist/meta/sassdoc-data.json +45309 -34005
- package/dist/meta/sassdoc-raw-data.json +14047 -8822
- package/dist/meta/variables.json +1589 -1585
- package/lib/swatches/default-blue.json +541 -1
- package/lib/swatches/default-dataviz-v4.json +166 -1
- package/lib/swatches/default-green.json +501 -1
- package/lib/swatches/default-main-dark.json +751 -1
- package/lib/swatches/default-main.json +11 -1
- package/lib/swatches/default-nordic.json +541 -1
- package/lib/swatches/default-ocean-blue-a11y.json +672 -8
- package/lib/swatches/default-ocean-blue.json +645 -3
- package/lib/swatches/default-orange.json +541 -1
- package/lib/swatches/default-purple.json +541 -1
- package/lib/swatches/default-turquoise.json +541 -1
- package/lib/swatches/default-urban.json +541 -1
- package/package.json +4 -4
- package/scss/calendar/_layout.scss +7 -5
- package/scss/calendar/_theme.scss +0 -3
- package/scss/calendar/_variables.scss +199 -3
- package/scss/core/color-system/_swatch-legacy.scss +1 -1
- package/scss/core/color-system/_swatch.scss +1 -1
- package/scss/drawer/_layout.scss +27 -74
- package/scss/drawer/_variables.scss +65 -0
- package/scss/floating-label/_layout.scss +10 -14
- package/scss/floating-label/_theme.scss +5 -5
- package/scss/forms/_layout.scss +0 -13
- package/scss/panelbar/_layout.scss +2 -7
- package/scss/panelbar/_theme.scss +0 -15
- package/scss/panelbar/_variables.scss +166 -0
- package/scss/scheduler/_theme.scss +1 -1
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
box-sizing: border-box;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
> .k-label {
|
|
20
|
+
> .k-floating-label {
|
|
21
21
|
max-width: $kendo-floating-label-max-width;
|
|
22
22
|
font-size: $kendo-floating-label-font-size;
|
|
23
23
|
line-height: $kendo-floating-label-line-height;
|
|
@@ -32,13 +32,9 @@
|
|
|
32
32
|
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, left $kendo-floating-label-transition;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
> .k-widget {
|
|
36
|
-
flex: 1 1 auto;
|
|
37
|
-
width: auto;
|
|
38
|
-
}
|
|
39
35
|
|
|
40
36
|
&.k-empty {
|
|
41
|
-
> .k-label {
|
|
37
|
+
> .k-floating-label {
|
|
42
38
|
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
43
39
|
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
44
40
|
transform: scale( $kendo-floating-label-scale );
|
|
@@ -46,13 +42,13 @@
|
|
|
46
42
|
}
|
|
47
43
|
}
|
|
48
44
|
|
|
49
|
-
> .k-label,
|
|
50
|
-
&.k-focus > .k-label {
|
|
45
|
+
> .k-floating-label,
|
|
46
|
+
&.k-focus > .k-floating-label {
|
|
51
47
|
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
52
48
|
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
53
49
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
54
50
|
}
|
|
55
|
-
&:focus-within > .k-label {
|
|
51
|
+
&:focus-within > .k-floating-label {
|
|
56
52
|
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
57
53
|
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
58
54
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
@@ -66,24 +62,24 @@
|
|
|
66
62
|
.k-rtl &,
|
|
67
63
|
&[dir="rtl"] {
|
|
68
64
|
|
|
69
|
-
> .k-label {
|
|
65
|
+
> .k-floating-label {
|
|
70
66
|
transform-origin: right center;
|
|
71
67
|
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
|
|
72
68
|
}
|
|
73
69
|
|
|
74
70
|
&.k-empty {
|
|
75
|
-
> .k-label {
|
|
71
|
+
> .k-floating-label {
|
|
76
72
|
left: auto;
|
|
77
73
|
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
78
74
|
}
|
|
79
75
|
}
|
|
80
76
|
|
|
81
|
-
> .k-label,
|
|
82
|
-
&.k-focus > .k-label {
|
|
77
|
+
> .k-floating-label,
|
|
78
|
+
&.k-focus > .k-floating-label {
|
|
83
79
|
left: auto;
|
|
84
80
|
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
85
81
|
}
|
|
86
|
-
&:focus-within > .k-label {
|
|
82
|
+
&:focus-within > .k-floating-label {
|
|
87
83
|
left: auto;
|
|
88
84
|
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
89
85
|
}
|
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
// Floating label
|
|
4
4
|
.k-floating-label-container {
|
|
5
5
|
|
|
6
|
-
> .k-label {
|
|
6
|
+
> .k-floating-label {
|
|
7
7
|
@include fill(
|
|
8
8
|
$color: $kendo-floating-label-text,
|
|
9
9
|
$bg: $kendo-floating-label-bg
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
&.k-focus > .k-label {
|
|
13
|
+
&.k-focus > .k-floating-label {
|
|
14
14
|
@include fill(
|
|
15
15
|
$color: $kendo-floating-label-focus-text,
|
|
16
16
|
$bg: $kendo-floating-label-focus-bg
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
&.k-invalid > .k-label,
|
|
21
|
-
&.ng-invalid.ng-touched > .k-label,
|
|
22
|
-
&.ng-invalid.ng-dirty > .k-label {
|
|
20
|
+
&.k-invalid > .k-floating-label,
|
|
21
|
+
&.ng-invalid.ng-touched > .k-floating-label,
|
|
22
|
+
&.ng-invalid.ng-dirty > .k-floating-label {
|
|
23
23
|
@include fill ( $color: $kendo-invalid-text );
|
|
24
24
|
}
|
|
25
25
|
}
|
package/scss/forms/_layout.scss
CHANGED
|
@@ -42,19 +42,6 @@
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.k-input-label {
|
|
46
|
-
margin-right: $kendo-horizontal-form-label-margin-x;
|
|
47
|
-
z-index: 1;
|
|
48
|
-
|
|
49
|
-
&:dir(rtl),
|
|
50
|
-
.k-rtl &,
|
|
51
|
-
&.k-rtl,
|
|
52
|
-
[dir="rtl"] &,
|
|
53
|
-
&[dir="rtl"] {
|
|
54
|
-
margin-right: 0;
|
|
55
|
-
margin-left: $kendo-horizontal-form-label-margin-x;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
45
|
|
|
59
46
|
|
|
60
47
|
// Vertical Form
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
// Root
|
|
28
|
-
> .k-item,
|
|
29
28
|
> .k-panelbar-header {
|
|
30
29
|
// TODO
|
|
31
30
|
border-width: 0;
|
|
@@ -51,14 +50,12 @@
|
|
|
51
50
|
transition: $kendo-transition;
|
|
52
51
|
}
|
|
53
52
|
}
|
|
54
|
-
> .k-item + .k-item,
|
|
55
53
|
> .k-panelbar-header + .k-panelbar-header {
|
|
56
54
|
border-top-width: $kendo-panelbar-item-border-width;
|
|
57
55
|
}
|
|
58
56
|
|
|
59
57
|
|
|
60
58
|
// Sub
|
|
61
|
-
.k-group,
|
|
62
59
|
.k-panelbar-group {
|
|
63
60
|
margin: 0;
|
|
64
61
|
padding: 0;
|
|
@@ -68,7 +65,6 @@
|
|
|
68
65
|
background-color: transparent;
|
|
69
66
|
list-style: none;
|
|
70
67
|
}
|
|
71
|
-
.k-group > .k-item,
|
|
72
68
|
.k-panelbar-group > .k-panelbar-item {
|
|
73
69
|
display: block;
|
|
74
70
|
|
|
@@ -115,8 +111,8 @@
|
|
|
115
111
|
.k-panelbar-toggle {
|
|
116
112
|
margin-inline-start: auto;
|
|
117
113
|
}
|
|
118
|
-
.k-group .k-panelbar-expand,
|
|
119
|
-
.k-group .k-panelbar-collapse,
|
|
114
|
+
.k-panelbar-group .k-panelbar-expand,
|
|
115
|
+
.k-panelbar-group .k-panelbar-collapse,
|
|
120
116
|
.k-panelbar-group .k-panelbar-toggle {
|
|
121
117
|
margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
|
|
122
118
|
}
|
|
@@ -125,7 +121,6 @@
|
|
|
125
121
|
.k-rtl &,
|
|
126
122
|
&.k-rtl,
|
|
127
123
|
&[dir = "rtl"] {
|
|
128
|
-
.k-group > .k-item,
|
|
129
124
|
.k-panelbar-group > .k-panelbar-item {
|
|
130
125
|
// Hierarchy items
|
|
131
126
|
@for $i from 1 through $kendo-panelbar-item-level-count {
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
// Root
|
|
13
|
-
> .k-item,
|
|
14
13
|
> .k-panelbar-header {
|
|
15
14
|
|
|
16
15
|
&.k-expanded.k-level-0 > .k-link {
|
|
@@ -122,12 +121,9 @@
|
|
|
122
121
|
|
|
123
122
|
|
|
124
123
|
// Sub
|
|
125
|
-
.k-group,
|
|
126
124
|
.k-panelbar-group {
|
|
127
125
|
|
|
128
126
|
// Hover
|
|
129
|
-
> .k-item > .k-link:hover,
|
|
130
|
-
> .k-item > .k-link.k-hover,
|
|
131
127
|
> .k-panelbar-item > .k-link:hover,
|
|
132
128
|
> .k-panelbar-item > .k-link.k-hover {
|
|
133
129
|
@include fill(
|
|
@@ -139,8 +135,6 @@
|
|
|
139
135
|
}
|
|
140
136
|
|
|
141
137
|
// Focus
|
|
142
|
-
> .k-item > .k-link:focus,
|
|
143
|
-
> .k-item > .k-link.k-focus,
|
|
144
138
|
> .k-panelbar-item > .k-link:focus,
|
|
145
139
|
> .k-panelbar-item > .k-link.k-focus {
|
|
146
140
|
@include fill(
|
|
@@ -153,8 +147,6 @@
|
|
|
153
147
|
}
|
|
154
148
|
|
|
155
149
|
// Focus & Hover
|
|
156
|
-
> .k-item > .k-link:focus:hover,
|
|
157
|
-
> .k-item > .k-link.k-focus.k-hover,
|
|
158
150
|
> .k-panelbar-item > .k-link:focus:hover,
|
|
159
151
|
> .k-panelbar-item > .k-link.k-focus.k-hover {
|
|
160
152
|
@include fill(
|
|
@@ -166,7 +158,6 @@
|
|
|
166
158
|
}
|
|
167
159
|
|
|
168
160
|
// Selected
|
|
169
|
-
> .k-item > .k-link.k-selected,
|
|
170
161
|
> .k-panelbar-item > .k-link.k-selected {
|
|
171
162
|
@include fill(
|
|
172
163
|
$kendo-panelbar-item-selected-text,
|
|
@@ -177,8 +168,6 @@
|
|
|
177
168
|
}
|
|
178
169
|
|
|
179
170
|
// Selected Hover
|
|
180
|
-
> .k-item > .k-link.k-selected:hover,
|
|
181
|
-
> .k-item > .k-link.k-selected.k-hover,
|
|
182
171
|
> .k-panelbar-item > .k-link.k-selected:hover,
|
|
183
172
|
> .k-panelbar-item > .k-link.k-selected.k-hover {
|
|
184
173
|
@include fill(
|
|
@@ -190,8 +179,6 @@
|
|
|
190
179
|
}
|
|
191
180
|
|
|
192
181
|
// Selected Focus
|
|
193
|
-
> .k-item > .k-link.k-selected:focus,
|
|
194
|
-
> .k-item > .k-link.k-selected.k-focus,
|
|
195
182
|
> .k-panelbar-item > .k-link.k-selected:focus,
|
|
196
183
|
> .k-panelbar-item > .k-link.k-selected.k-focus {
|
|
197
184
|
@include fill(
|
|
@@ -203,8 +190,6 @@
|
|
|
203
190
|
}
|
|
204
191
|
|
|
205
192
|
// Selected Focus & Hover
|
|
206
|
-
> .k-item > .k-link.k-selected:focus:hover,
|
|
207
|
-
> .k-item > .k-link.k-selected.k-focus.k-hover,
|
|
208
193
|
> .k-panelbar-item > .k-link.k-selected:focus:hover,
|
|
209
194
|
> .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
|
|
210
195
|
@include fill(
|
|
@@ -1,105 +1,271 @@
|
|
|
1
1
|
// Panelbar
|
|
2
2
|
|
|
3
|
+
/// The horizontal padding of the PanelBar.
|
|
4
|
+
/// @group panelbar
|
|
3
5
|
$kendo-panelbar-padding-x: 0px !default;
|
|
6
|
+
/// The vertical padding of the PanelBar.
|
|
7
|
+
/// @group panelbar
|
|
4
8
|
$kendo-panelbar-padding-y: 0px !default;
|
|
9
|
+
/// The font family of the PanelBar.
|
|
10
|
+
/// @group panelbar
|
|
5
11
|
$kendo-panelbar-font-family: $kendo-font-family !default;
|
|
12
|
+
/// The font size of the PanelBar.
|
|
13
|
+
/// @group panelbar
|
|
6
14
|
$kendo-panelbar-font-size: $kendo-font-size-md !default;
|
|
15
|
+
/// The line height of the PanelBar.
|
|
16
|
+
/// @group panelbar
|
|
7
17
|
$kendo-panelbar-line-height: $kendo-line-height-md !default;
|
|
18
|
+
/// The width of the border around the PanelBar.
|
|
19
|
+
/// @group panelbar
|
|
8
20
|
$kendo-panelbar-border-width: 1px !default;
|
|
21
|
+
/// The border style around the the PanelBar.
|
|
22
|
+
/// @group panelbar
|
|
9
23
|
$kendo-panelbar-border-style: solid !default;
|
|
24
|
+
/// The width of the border around the PanelBar items.
|
|
25
|
+
/// @group panelbar
|
|
10
26
|
$kendo-panelbar-item-border-width: 1px !default;
|
|
27
|
+
/// The style of the border around the PanelBar items.
|
|
28
|
+
/// @group panelbar
|
|
11
29
|
$kendo-panelbar-item-border-style: solid !default;
|
|
12
30
|
|
|
31
|
+
/// The horizontal padding of the PanelBar header.
|
|
32
|
+
/// @group panelbar
|
|
13
33
|
$kendo-panelbar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
34
|
+
/// The vertical padding of the PanelBar header.
|
|
35
|
+
/// @group panelbar
|
|
14
36
|
$kendo-panelbar-header-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
15
37
|
|
|
38
|
+
/// The horizontal padding of the PanelBar items.
|
|
39
|
+
/// @group panelbar
|
|
16
40
|
$kendo-panelbar-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
41
|
+
/// The vertical padding of the PanelBar items.
|
|
42
|
+
/// @group panelbar
|
|
17
43
|
$kendo-panelbar-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
18
44
|
|
|
45
|
+
/// The maximum nesting of the PanelBar items.
|
|
46
|
+
/// @group panelbar
|
|
19
47
|
$kendo-panelbar-item-level-count: 4 !default;
|
|
20
48
|
|
|
49
|
+
/// The background color of the PanelBar.
|
|
50
|
+
/// @group panelbar
|
|
21
51
|
$kendo-panelbar-bg: $kendo-component-bg !default;
|
|
52
|
+
/// The text color of the PanelBar.
|
|
53
|
+
/// @group panelbar
|
|
22
54
|
$kendo-panelbar-text: $kendo-component-text !default;
|
|
55
|
+
/// The border color of the PanelBar.
|
|
56
|
+
/// @group panelbar
|
|
23
57
|
$kendo-panelbar-border: $kendo-component-border !default;
|
|
24
58
|
|
|
59
|
+
/// The background color of the PanelBar header.
|
|
60
|
+
/// @group panelbar
|
|
25
61
|
$kendo-panelbar-header-bg: $kendo-panelbar-bg !default;
|
|
62
|
+
/// The text color of the PanelBar header.
|
|
63
|
+
/// @group panelbar
|
|
26
64
|
$kendo-panelbar-header-text: $kendo-link-text !default;
|
|
65
|
+
/// The border color of the PanelBar header.
|
|
66
|
+
/// @group panelbar
|
|
27
67
|
$kendo-panelbar-header-border: null !default;
|
|
68
|
+
/// The gradient of the PanelBar header.
|
|
69
|
+
/// @group panelbar
|
|
28
70
|
$kendo-panelbar-header-gradient: null !default;
|
|
29
71
|
|
|
72
|
+
/// The background color of the hovered PanelBar header.
|
|
73
|
+
/// @group panelbar
|
|
30
74
|
$kendo-panelbar-header-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-panelbar-header-bg, .5 )) !default;
|
|
75
|
+
/// The text color of the hovered PanelBar header.
|
|
76
|
+
/// @group panelbar
|
|
31
77
|
$kendo-panelbar-header-hover-text: null !default;
|
|
78
|
+
/// The border color of the hovered PanelBar header.
|
|
79
|
+
/// @group panelbar
|
|
32
80
|
$kendo-panelbar-header-hover-border: null !default;
|
|
81
|
+
/// The gradient of the hovered PanelBar header.
|
|
82
|
+
/// @group panelbar
|
|
33
83
|
$kendo-panelbar-header-hover-gradient: null !default;
|
|
34
84
|
|
|
85
|
+
/// The background color of the focused PanelBar header.
|
|
86
|
+
/// @group panelbar
|
|
35
87
|
$kendo-panelbar-header-focus-bg: null !default;
|
|
88
|
+
/// The text color of the focused PanelBar header.
|
|
89
|
+
/// @group panelbar
|
|
36
90
|
$kendo-panelbar-header-focus-text: null !default;
|
|
91
|
+
/// The border color of the focused PanelBar header.
|
|
92
|
+
/// @group panelbar
|
|
37
93
|
$kendo-panelbar-header-focus-border: null !default;
|
|
94
|
+
/// The gradient of the focused PanelBar header.
|
|
95
|
+
/// @group panelbar
|
|
38
96
|
$kendo-panelbar-header-focus-gradient: null !default;
|
|
97
|
+
/// The shadow of the focused PanelBar header.
|
|
98
|
+
/// @group panelbar
|
|
39
99
|
$kendo-panelbar-header-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
40
100
|
|
|
101
|
+
/// The background color of the focused and hovered PanelBar header.
|
|
102
|
+
/// @group panelbar
|
|
41
103
|
$kendo-panelbar-header-hover-focus-bg: null !default;
|
|
104
|
+
/// The text color of the focused and hovered PanelBar header.
|
|
105
|
+
/// @group panelbar
|
|
42
106
|
$kendo-panelbar-header-hover-focus-text: null !default;
|
|
107
|
+
/// The border color of the focused and hovered PanelBar header.
|
|
108
|
+
/// @group panelbar
|
|
43
109
|
$kendo-panelbar-header-hover-focus-border: null !default;
|
|
110
|
+
/// The gradient of the focused and hovered PanelBar header.
|
|
111
|
+
/// @group panelbar
|
|
44
112
|
$kendo-panelbar-header-hover-focus-gradient: null !default;
|
|
45
113
|
|
|
114
|
+
/// The background color of the selected PanelBar header.
|
|
115
|
+
/// @group panelbar
|
|
46
116
|
$kendo-panelbar-header-selected-bg: $kendo-selected-bg !default;
|
|
117
|
+
/// The text color of the selected PanelBar header.
|
|
118
|
+
/// @group panelbar
|
|
47
119
|
$kendo-panelbar-header-selected-text: $kendo-selected-text !default;
|
|
120
|
+
/// The border color of the selected PanelBar header.
|
|
121
|
+
/// @group panelbar
|
|
48
122
|
$kendo-panelbar-header-selected-border: null !default;
|
|
123
|
+
/// The gradient of the selected PanelBar header.
|
|
124
|
+
/// @group panelbar
|
|
49
125
|
$kendo-panelbar-header-selected-gradient: null !default;
|
|
50
126
|
|
|
127
|
+
/// The background color of the selected and hovered PanelBar header.
|
|
128
|
+
/// @group panelbar
|
|
51
129
|
$kendo-panelbar-header-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-header-selected-bg )) !default;
|
|
130
|
+
/// The text color of the selected and hovered PanelBar header.
|
|
131
|
+
/// @group panelbar
|
|
52
132
|
$kendo-panelbar-header-selected-hover-text: null !default;
|
|
133
|
+
/// The border color of the selected and hovered PanelBar header.
|
|
134
|
+
/// @group panelbar
|
|
53
135
|
$kendo-panelbar-header-selected-hover-border: null !default;
|
|
136
|
+
/// The gradient of the selected and hovered PanelBar header.
|
|
137
|
+
/// @group panelbar
|
|
54
138
|
$kendo-panelbar-header-selected-hover-gradient: null !default;
|
|
55
139
|
|
|
140
|
+
/// The background color of the selected and focused PanelBar header.
|
|
141
|
+
/// @group panelbar
|
|
56
142
|
$kendo-panelbar-header-selected-focus-bg: null !default;
|
|
143
|
+
/// The text color of the selected and focused PanelBar header.
|
|
144
|
+
/// @group panelbar
|
|
57
145
|
$kendo-panelbar-header-selected-focus-text: null !default;
|
|
146
|
+
/// The border color of the selected and focused PanelBar header.
|
|
147
|
+
/// @group panelbar
|
|
58
148
|
$kendo-panelbar-header-selected-focus-border: null !default;
|
|
149
|
+
/// The gradient of the selected and focused PanelBar header.
|
|
150
|
+
/// @group panelbar
|
|
59
151
|
$kendo-panelbar-header-selected-focus-gradient: null !default;
|
|
60
152
|
|
|
153
|
+
/// The background color of the selected, hovered and focused PanelBar header.
|
|
154
|
+
/// @group panelbar
|
|
61
155
|
$kendo-panelbar-header-selected-hover-focus-bg: null !default;
|
|
156
|
+
/// The text color of the selected, hovered and focused PanelBar header.
|
|
157
|
+
/// @group panelbar
|
|
62
158
|
$kendo-panelbar-header-selected-hover-focus-text: null !default;
|
|
159
|
+
/// The border color of the selected, hovered and focused PanelBar header.
|
|
160
|
+
/// @group panelbar
|
|
63
161
|
$kendo-panelbar-header-selected-hover-focus-border: null !default;
|
|
162
|
+
/// The gradient of the selected, hovered and focused PanelBar header.
|
|
163
|
+
/// @group panelbar
|
|
64
164
|
$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
|
|
65
165
|
|
|
166
|
+
/// The background color of the hovered PanelBar items.
|
|
167
|
+
/// @group panelbar
|
|
66
168
|
$kendo-panelbar-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-panelbar-bg, .5 )) !default;
|
|
169
|
+
/// The text color of the hovered PanelBar items.
|
|
170
|
+
/// @group panelbar
|
|
67
171
|
$kendo-panelbar-item-hover-text: null !default;
|
|
172
|
+
/// The border color of the hovered PanelBar items.
|
|
173
|
+
/// @group panelbar
|
|
68
174
|
$kendo-panelbar-item-hover-border: null !default;
|
|
175
|
+
/// The gradient of the hovered PanelBar items.
|
|
176
|
+
/// @group panelbar
|
|
69
177
|
$kendo-panelbar-item-hover-gradient: null !default;
|
|
70
178
|
|
|
179
|
+
/// The background color of the focused PanelBar items.
|
|
180
|
+
/// @group panelbar
|
|
71
181
|
$kendo-panelbar-item-focus-bg: null !default;
|
|
182
|
+
/// The text color of the focused PanelBar items.
|
|
183
|
+
/// @group panelbar
|
|
72
184
|
$kendo-panelbar-item-focus-text: null !default;
|
|
185
|
+
/// The border color of the focused PanelBar items.
|
|
186
|
+
/// @group panelbar
|
|
73
187
|
$kendo-panelbar-item-focus-border: null !default;
|
|
188
|
+
/// The gradient of the focused PanelBar items.
|
|
189
|
+
/// @group panelbar
|
|
74
190
|
$kendo-panelbar-item-focus-gradient: null !default;
|
|
191
|
+
/// The box shadow of the focused PanelBar items.
|
|
192
|
+
/// @group panelbar
|
|
75
193
|
$kendo-panelbar-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
76
194
|
|
|
195
|
+
/// The background color of the focused and hovered PanelBar items.
|
|
196
|
+
/// @group panelbar
|
|
77
197
|
$kendo-panelbar-item-hover-focus-bg: null !default;
|
|
198
|
+
/// The text color of the focused and hovered PanelBar items.
|
|
199
|
+
/// @group panelbar
|
|
78
200
|
$kendo-panelbar-item-hover-focus-text: null !default;
|
|
201
|
+
/// The border color of the focused and hovered PanelBar items.
|
|
202
|
+
/// @group panelbar
|
|
79
203
|
$kendo-panelbar-item-hover-focus-border: null !default;
|
|
204
|
+
/// The gradient of the focused and hovered PanelBar items.
|
|
205
|
+
/// @group panelbar
|
|
80
206
|
$kendo-panelbar-item-hover-focus-gradient: null !default;
|
|
81
207
|
|
|
208
|
+
/// The background color of the selected PanelBar items.
|
|
209
|
+
/// @group panelbar
|
|
82
210
|
$kendo-panelbar-item-selected-bg: $kendo-selected-bg !default;
|
|
211
|
+
/// The text color of the selected PanelBar items.
|
|
212
|
+
/// @group panelbar
|
|
83
213
|
$kendo-panelbar-item-selected-text: $kendo-selected-text !default;
|
|
214
|
+
/// The border color of the selected PanelBar items.
|
|
215
|
+
/// @group panelbar
|
|
84
216
|
$kendo-panelbar-item-selected-border: null !default;
|
|
217
|
+
/// The gradient of the selected PanelBar items.
|
|
218
|
+
/// @group panelbar
|
|
85
219
|
$kendo-panelbar-item-selected-gradient: null !default;
|
|
86
220
|
|
|
221
|
+
/// The background color of the selected and hovered PanelBar items.
|
|
222
|
+
/// @group panelbar
|
|
87
223
|
$kendo-panelbar-item-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-item-selected-bg )) !default;
|
|
224
|
+
/// The text color of the selected and hovered PanelBar items.
|
|
225
|
+
/// @group panelbar
|
|
88
226
|
$kendo-panelbar-item-selected-hover-text: null !default;
|
|
227
|
+
/// The border color of the selected and hovered PanelBar items.
|
|
228
|
+
/// @group panelbar
|
|
89
229
|
$kendo-panelbar-item-selected-hover-border: null !default;
|
|
230
|
+
/// The gradient of the selected and hovered PanelBar items.
|
|
231
|
+
/// @group panelbar
|
|
90
232
|
$kendo-panelbar-item-selected-hover-gradient: null !default;
|
|
91
233
|
|
|
234
|
+
/// The background color of the selected and focused PanelBar items.
|
|
235
|
+
/// @group panelbar
|
|
92
236
|
$kendo-panelbar-item-selected-focus-bg: null !default;
|
|
237
|
+
/// The text color of the selected and focused PanelBar items.
|
|
238
|
+
/// @group panelbar
|
|
93
239
|
$kendo-panelbar-item-selected-focus-text: null !default;
|
|
240
|
+
/// The border color of the selected and focused PanelBar items.
|
|
241
|
+
/// @group panelbar
|
|
94
242
|
$kendo-panelbar-item-selected-focus-border: null !default;
|
|
243
|
+
/// The gradient of the selected and focused PanelBar items.
|
|
244
|
+
/// @group panelbar
|
|
95
245
|
$kendo-panelbar-item-selected-focus-gradient: null !default;
|
|
96
246
|
|
|
247
|
+
/// The background color of the selected, hovered and focused PanelBar items.
|
|
248
|
+
/// @group panelbar
|
|
97
249
|
$kendo-panelbar-item-selected-hover-focus-bg: null !default;
|
|
250
|
+
/// The text color of the selected, hovered and focused PanelBar items.
|
|
251
|
+
/// @group panelbar
|
|
98
252
|
$kendo-panelbar-item-selected-hover-focus-text: null !default;
|
|
253
|
+
/// The border color of the selected, hovered and focused PanelBar items.
|
|
254
|
+
/// @group panelbar
|
|
99
255
|
$kendo-panelbar-item-selected-hover-focus-border: null !default;
|
|
256
|
+
/// The gradient of the selected, hovered and focused PanelBar items.
|
|
257
|
+
/// @group panelbar
|
|
100
258
|
$kendo-panelbar-item-selected-hover-focus-gradient: null !default;
|
|
101
259
|
|
|
260
|
+
/// The background color of the expanded PanelBar header.
|
|
261
|
+
/// @group panelbar
|
|
102
262
|
$kendo-panelbar-header-expanded-bg: null !default;
|
|
263
|
+
/// The text color of the expanded PanelBar header.
|
|
264
|
+
/// @group panelbar
|
|
103
265
|
$kendo-panelbar-header-expanded-text: null !default;
|
|
266
|
+
/// The border color of the expanded PanelBar header.
|
|
267
|
+
/// @group panelbar
|
|
104
268
|
$kendo-panelbar-header-expanded-border: null !default;
|
|
269
|
+
/// The gradient of the expanded PanelBar header.
|
|
270
|
+
/// @group panelbar
|
|
105
271
|
$kendo-panelbar-header-expanded-gradient: null !default;
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
&.k-event-inverse {
|
|
113
|
-
color: if($kendo-enable-color-system, k-color( on-app-surface ), k-contrast-legacy( $kendo-scheduler-event-text ));
|
|
113
|
+
color: if($kendo-enable-color-system, if($kendo-enable-focus-contrast, black, k-color( on-app-surface )), k-contrast-legacy( $kendo-scheduler-event-text ));
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
&.k-event-ongoing {
|