@progress/kendo-theme-bootstrap 8.0.0-dev.5 → 8.0.0-dev.6
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 +1 -1
- package/dist/all.scss +217 -33
- package/dist/meta/sassdoc-data.json +31274 -26354
- package/dist/meta/sassdoc-raw-data.json +4975 -2700
- 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 +5 -5
- package/scss/forms/_layout.scss +1 -1
- package/scss/scheduler/_variables.scss +143 -0
- package/scss/tabstrip/_variables.scss +69 -28
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": "8.0.0-dev.
|
|
4
|
+
"version": "8.0.0-dev.6",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,14 +53,14 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "2.3.0",
|
|
56
|
-
"@progress/kendo-theme-core": "8.0.0-dev.
|
|
57
|
-
"@progress/kendo-theme-default": "8.0.0-dev.
|
|
58
|
-
"@progress/kendo-theme-utils": "8.0.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "8.0.0-dev.6",
|
|
57
|
+
"@progress/kendo-theme-default": "8.0.0-dev.6",
|
|
58
|
+
"@progress/kendo-theme-utils": "8.0.0-dev.6",
|
|
59
59
|
"bootstrap": "5.2.1"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "56ff58288fe098a780c1d94cf5f0d793e81623e5"
|
|
66
66
|
}
|
package/scss/forms/_layout.scss
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.k-form,
|
|
9
9
|
.k-form-inline {
|
|
10
10
|
legend {
|
|
11
|
-
font-size: calc( var( --kendo-font-size,
|
|
11
|
+
font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 );
|
|
12
12
|
font-weight: normal;
|
|
13
13
|
line-height: var( --kendo-line-height, normal );
|
|
14
14
|
text-transform: none;
|
|
@@ -1,92 +1,235 @@
|
|
|
1
1
|
// Scheduler
|
|
2
|
+
|
|
3
|
+
/// The width of the border around the Scheduler.
|
|
4
|
+
/// @group scheduler
|
|
2
5
|
$kendo-scheduler-border-width: 1px !default;
|
|
6
|
+
/// The font family of the Scheduler.
|
|
7
|
+
/// @group scheduler
|
|
3
8
|
$kendo-scheduler-font-family: var( --kendo-font-family, inherit ) !default;
|
|
9
|
+
/// The font size of the Scheduler.
|
|
10
|
+
/// @group scheduler
|
|
4
11
|
$kendo-scheduler-font-size: var( --kendo-font-size, inherit ) !default;
|
|
12
|
+
/// The line height of the Scheduler.
|
|
13
|
+
/// @group scheduler
|
|
5
14
|
$kendo-scheduler-line-height: var( --kendo-line-height, normal ) !default;
|
|
6
15
|
|
|
16
|
+
/// The background color of the Scheduler.
|
|
17
|
+
/// @group scheduler
|
|
7
18
|
$kendo-scheduler-bg: $kendo-component-bg !default;
|
|
19
|
+
/// The text color of the Scheduler.
|
|
20
|
+
/// @group scheduler
|
|
8
21
|
$kendo-scheduler-text: $kendo-component-text !default;
|
|
22
|
+
/// The border color of the Scheduler.
|
|
23
|
+
/// @group scheduler
|
|
9
24
|
$kendo-scheduler-border: $kendo-component-border !default;
|
|
10
25
|
|
|
26
|
+
/// The background color of the Scheduler ToolBar.
|
|
27
|
+
/// @group scheduler
|
|
11
28
|
$kendo-scheduler-toolbar-bg: $kendo-toolbar-bg !default;
|
|
29
|
+
/// The text color of the Scheduler ToolBar.
|
|
30
|
+
/// @group scheduler
|
|
12
31
|
$kendo-scheduler-toolbar-text: $kendo-toolbar-text !default;
|
|
32
|
+
/// The border color of the Scheduler ToolBar.
|
|
33
|
+
/// @group scheduler
|
|
13
34
|
$kendo-scheduler-toolbar-border: $kendo-toolbar-border !default;
|
|
35
|
+
/// The gradient of the Scheduler ToolBar.
|
|
36
|
+
/// @group scheduler
|
|
14
37
|
$kendo-scheduler-toolbar-gradient: $kendo-toolbar-gradient !default;
|
|
15
38
|
|
|
39
|
+
/// The background color of the Scheduler footer.
|
|
40
|
+
/// @group scheduler
|
|
16
41
|
$kendo-scheduler-footer-bg: $kendo-toolbar-bg !default;
|
|
42
|
+
/// The text color of the Scheduler footer.
|
|
43
|
+
/// @group scheduler
|
|
17
44
|
$kendo-scheduler-footer-text: $kendo-toolbar-text !default;
|
|
45
|
+
/// The border color of the Scheduler footer.
|
|
46
|
+
/// @group scheduler
|
|
18
47
|
$kendo-scheduler-footer-border: $kendo-toolbar-border !default;
|
|
48
|
+
/// The gradient of the Scheduler footer.
|
|
49
|
+
/// @group scheduler
|
|
19
50
|
$kendo-scheduler-footer-gradient: $kendo-toolbar-gradient !default;
|
|
20
51
|
|
|
52
|
+
/// The minimum height of the Scheduler event.
|
|
53
|
+
/// @group scheduler
|
|
21
54
|
$kendo-scheduler-event-min-height: 25px !default;
|
|
55
|
+
/// The border radius of the Scheduler event.
|
|
56
|
+
/// @group scheduler
|
|
22
57
|
$kendo-scheduler-event-border-radius: k-border-radius(md) !default;
|
|
58
|
+
/// The line height of the Scheduler event.
|
|
59
|
+
/// @group scheduler
|
|
23
60
|
$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-sm-y}) ) !default;
|
|
24
61
|
|
|
62
|
+
/// The background color of the Scheduler event.
|
|
63
|
+
/// @group scheduler
|
|
25
64
|
$kendo-scheduler-event-bg: if($kendo-enable-color-system, k-color( primary ), k-color-tint( $kendo-selected-bg, 2 )) !default;
|
|
65
|
+
/// The text color of the Scheduler event.
|
|
66
|
+
/// @group scheduler
|
|
26
67
|
$kendo-scheduler-event-text: $kendo-selected-text !default;
|
|
68
|
+
/// The border color of the Scheduler event.
|
|
69
|
+
/// @group scheduler
|
|
27
70
|
$kendo-scheduler-event-border: null !default;
|
|
71
|
+
/// The gradient of the Scheduler event.
|
|
72
|
+
/// @group scheduler
|
|
28
73
|
$kendo-scheduler-event-gradient: null !default;
|
|
74
|
+
/// The shadow of the Scheduler event.
|
|
75
|
+
/// @group scheduler
|
|
29
76
|
$kendo-scheduler-event-shadow: null !default;
|
|
30
77
|
|
|
78
|
+
/// The background color of the hovered Scheduler event.
|
|
79
|
+
/// @group scheduler
|
|
31
80
|
$kendo-scheduler-event-hover-bg: null !default;
|
|
81
|
+
/// The text color of the hovered Scheduler event.
|
|
82
|
+
/// @group scheduler
|
|
32
83
|
$kendo-scheduler-event-hover-text: null !default;
|
|
84
|
+
/// The border color of the hovered Scheduler event.
|
|
85
|
+
/// @group scheduler
|
|
33
86
|
$kendo-scheduler-event-hover-border: null !default;
|
|
87
|
+
/// The gradient of the hovered Scheduler event.
|
|
88
|
+
/// @group scheduler
|
|
34
89
|
$kendo-scheduler-event-hover-gradient: null !default;
|
|
90
|
+
/// The shadow of the hovered Scheduler event.
|
|
91
|
+
/// @group scheduler
|
|
35
92
|
$kendo-scheduler-event-hover-shadow: null !default;
|
|
36
93
|
|
|
94
|
+
/// The background color of the selected Scheduler event.
|
|
95
|
+
/// @group scheduler
|
|
37
96
|
$kendo-scheduler-event-selected-bg: $kendo-selected-bg !default;
|
|
97
|
+
/// The text color of the selected Scheduler event.
|
|
98
|
+
/// @group scheduler
|
|
38
99
|
$kendo-scheduler-event-selected-text: $kendo-selected-text !default;
|
|
100
|
+
/// The border color of the selected Scheduler event.
|
|
101
|
+
/// @group scheduler
|
|
39
102
|
$kendo-scheduler-event-selected-border: null !default;
|
|
103
|
+
/// The gradient of the selected Scheduler event.
|
|
104
|
+
/// @group scheduler
|
|
40
105
|
$kendo-scheduler-event-selected-gradient: null !default;
|
|
106
|
+
/// The shadow of the selected Scheduler event.
|
|
107
|
+
/// @group scheduler
|
|
41
108
|
$kendo-scheduler-event-selected-shadow: inset 0 0 0 3px rgba( white, .5 ) !default;
|
|
42
109
|
|
|
110
|
+
/// The shadow of the ongoing Scheduler event.
|
|
111
|
+
/// @group scheduler
|
|
43
112
|
$kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
|
|
44
113
|
|
|
114
|
+
/// The horizontal padding of the Scheduler cell.
|
|
115
|
+
/// @group scheduler
|
|
45
116
|
$kendo-scheduler-cell-padding-x: k-spacing(3) !default;
|
|
117
|
+
/// The vertical padding of the Scheduler cell.
|
|
118
|
+
/// @group scheduler
|
|
46
119
|
$kendo-scheduler-cell-padding-y: k-spacing(3) !default;
|
|
120
|
+
/// The height of the Scheduler cell.
|
|
121
|
+
/// @group scheduler
|
|
47
122
|
$kendo-scheduler-cell-height: $kendo-line-height-em !default;
|
|
123
|
+
/// The width of the Scheduler date column.
|
|
124
|
+
/// @group scheduler
|
|
48
125
|
$kendo-scheduler-datecolumn-width: 12em !default;
|
|
126
|
+
/// The width of the Scheduler time column.
|
|
127
|
+
/// @group scheduler
|
|
49
128
|
$kendo-scheduler-timecolumn-width: 11em !default;
|
|
50
129
|
|
|
130
|
+
/// The background color of the non-working hours in the Scheduler.
|
|
131
|
+
/// @group scheduler
|
|
51
132
|
$kendo-scheduler-nonwork-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
|
|
133
|
+
/// The text color of the non-working hours in the Scheduler.
|
|
134
|
+
/// @group scheduler
|
|
52
135
|
$kendo-scheduler-nonwork-text: null !default;
|
|
53
136
|
|
|
137
|
+
/// The background color of the weekends in the Scheduler.
|
|
138
|
+
/// @group scheduler
|
|
54
139
|
$kendo-scheduler-weekend-bg: null !default;
|
|
140
|
+
/// The text color of the weekends in the Scheduler.
|
|
141
|
+
/// @group scheduler
|
|
55
142
|
$kendo-scheduler-weekend-text: null !default;
|
|
56
143
|
|
|
144
|
+
/// The background color of the preceding/subsequent month cells in the Calendar.
|
|
145
|
+
/// @group scheduler
|
|
57
146
|
$kendo-scheduler-othermonth-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
|
|
147
|
+
/// The text color of the preceding/subsequent month cells in the Calendar.
|
|
148
|
+
/// @group scheduler
|
|
58
149
|
$kendo-scheduler-othermonth-text: null !default;
|
|
59
150
|
|
|
151
|
+
/// The horizontal padding of the year view in the Scheduler.
|
|
152
|
+
/// @group scheduler
|
|
60
153
|
$kendo-scheduler-yearview-padding-x: k-spacing(4) !default;
|
|
154
|
+
/// The vertical padding of the year view in the Scheduler.
|
|
155
|
+
/// @group scheduler
|
|
61
156
|
$kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-x !default;
|
|
62
157
|
|
|
158
|
+
/// The spacing between the calendars of the year view in the Scheduler.
|
|
159
|
+
/// @group scheduler
|
|
63
160
|
$kendo-scheduler-yearview-calendar-gap: k-spacing(4) !default;
|
|
64
161
|
|
|
162
|
+
/// The days with events indicator size of the year view in the Scheduler.
|
|
163
|
+
/// @group scheduler
|
|
65
164
|
$kendo-scheduler-yearview-indicator-size: 3px !default;
|
|
165
|
+
/// The top position of the days with events indicator of the year view in the Scheduler.
|
|
166
|
+
/// @group scheduler
|
|
66
167
|
$kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2)) !default;
|
|
168
|
+
/// The left position of the days with events indicator of the year view in the Scheduler.
|
|
169
|
+
/// @group scheduler
|
|
67
170
|
$kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $kendo-scheduler-yearview-indicator-size, 2)} ) !default;
|
|
171
|
+
/// The border radius of the days with events indicator of the year view in the Scheduler.
|
|
172
|
+
/// @group scheduler
|
|
68
173
|
$kendo-scheduler-yearview-indicator-border-radius: 50% !default;
|
|
174
|
+
/// The background color of the days with events indicator of the year view in the Scheduler.
|
|
175
|
+
/// @group scheduler
|
|
69
176
|
$kendo-scheduler-yearview-indicator-bg: $kendo-color-primary !default;
|
|
177
|
+
/// The background color of the selected days with events indicator of the year view in the Scheduler.
|
|
178
|
+
/// @group scheduler
|
|
70
179
|
$kendo-scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !default;
|
|
71
180
|
|
|
181
|
+
/// The horizontal padding of the Scheduler Tooltip.
|
|
182
|
+
/// @group scheduler
|
|
72
183
|
$kendo-scheduler-tooltip-padding-x: k-spacing(3) !default;
|
|
184
|
+
/// The vertical padding of the Scheduler Tooltip.
|
|
185
|
+
/// @group scheduler
|
|
73
186
|
$kendo-scheduler-tooltip-padding-y: k-spacing(3) !default;
|
|
187
|
+
/// The width of the border of the Scheduler Tooltip.
|
|
188
|
+
/// @group scheduler
|
|
74
189
|
$kendo-scheduler-tooltip-border-width: 0 !default;
|
|
190
|
+
/// The background color of the Scheduler Tooltip.
|
|
191
|
+
/// @group scheduler
|
|
75
192
|
$kendo-scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
|
|
193
|
+
/// The text color of the Scheduler Tooltip.
|
|
194
|
+
/// @group scheduler
|
|
76
195
|
$kendo-scheduler-tooltip-text: $kendo-base-text !default;
|
|
196
|
+
/// The border color of the Scheduler Tooltip.
|
|
197
|
+
/// @group scheduler
|
|
77
198
|
$kendo-scheduler-tooltip-border: null !default;
|
|
199
|
+
/// The shadow of the Scheduler Tooltip.
|
|
200
|
+
/// @group scheduler
|
|
78
201
|
$kendo-scheduler-tooltip-shadow: k-elevation(2) !default;
|
|
79
202
|
|
|
203
|
+
/// The vertical margin of the Scheduler Tooltip title.
|
|
204
|
+
/// @group scheduler
|
|
80
205
|
$kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
|
|
206
|
+
/// The font size of the month inside the Scheduler Tooltip.
|
|
207
|
+
/// @group scheduler
|
|
81
208
|
$kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
209
|
+
/// The font size of the day inside the Scheduler Tooltip.
|
|
210
|
+
/// @group scheduler
|
|
82
211
|
$kendo-scheduler-tooltip-day-font-size: calc( #{$kendo-scheduler-tooltip-month-font-size} * 2 ) !default;
|
|
83
212
|
|
|
213
|
+
/// The max height of the events inside the Scheduler Tooltip.
|
|
214
|
+
/// @group scheduler
|
|
84
215
|
$kendo-scheduler-tooltip-events-max-height: 250px !default;
|
|
216
|
+
/// The spacing between the events inside the Scheduler Tooltip.
|
|
217
|
+
/// @group scheduler
|
|
85
218
|
$kendo-scheduler-tooltip-events-gap: k-spacing(2) !default;
|
|
86
219
|
|
|
220
|
+
/// The horizontal padding of the events inside the Scheduler Tooltip.
|
|
221
|
+
/// @group scheduler
|
|
87
222
|
$kendo-scheduler-tooltip-event-padding-x: k-spacing(2) !default;
|
|
223
|
+
/// The vertical padding of the events inside the Scheduler Tooltip.
|
|
224
|
+
/// @group scheduler
|
|
88
225
|
$kendo-scheduler-tooltip-event-padding-y: k-spacing(1) !default;
|
|
226
|
+
/// The border radius of the events inside the Scheduler Tooltip.
|
|
227
|
+
/// @group scheduler
|
|
89
228
|
$kendo-scheduler-tooltip-event-border-radius: k-border-radius(md) !default;
|
|
229
|
+
/// The spacing between the events items inside the Scheduler Tooltip.
|
|
230
|
+
/// @group scheduler
|
|
90
231
|
$kendo-scheduler-tooltip-event-gap: k-spacing(2) !default;
|
|
91
232
|
|
|
233
|
+
/// The color of the Scheduler Tooltip callout.
|
|
234
|
+
/// @group scheduler
|
|
92
235
|
$kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
@@ -1,116 +1,157 @@
|
|
|
1
|
-
//
|
|
1
|
+
// TabStrip
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
/// The horizontal padding of the TabStrip wrapper.
|
|
5
|
+
/// @group tabstrip
|
|
3
6
|
$kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
|
|
7
|
+
/// The vertical padding of the TabStrip wrapper.
|
|
8
|
+
/// @group tabstrip
|
|
4
9
|
$kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
|
|
10
|
+
/// The border width around the TabStrip wrapper.
|
|
11
|
+
/// @group tabstrip
|
|
5
12
|
$kendo-tabstrip-wrapper-border-width: 0px !default;
|
|
6
13
|
|
|
14
|
+
/// The font family of the TabStrip.
|
|
15
|
+
/// @group tabstrip
|
|
7
16
|
$kendo-tabstrip-font-family: var( --kendo-font-family, inherit ) !default;
|
|
17
|
+
/// The font size of the TabStrip.
|
|
18
|
+
/// @group tabstrip
|
|
8
19
|
$kendo-tabstrip-font-size: var( --kendo-font-size, inherit ) !default;
|
|
20
|
+
/// The line height of the TabStrip.
|
|
21
|
+
/// @group tabstrip
|
|
9
22
|
$kendo-tabstrip-line-height: var( --kendo-line-height, normal ) !default;
|
|
23
|
+
/// The border width around the TabStrip.
|
|
24
|
+
/// @group tabstrip
|
|
10
25
|
$kendo-tabstrip-border-width: 1px !default;
|
|
11
26
|
|
|
27
|
+
/// The background color of the TabStrip wrapper.
|
|
28
|
+
/// @group tabstrip
|
|
12
29
|
$kendo-tabstrip-wrapper-bg: null !default;
|
|
30
|
+
/// The text color of the TabStrip wrapper.
|
|
31
|
+
/// @group tabstrip
|
|
13
32
|
$kendo-tabstrip-wrapper-text: null !default;
|
|
33
|
+
/// The border color of the TabStrip wrapper.
|
|
34
|
+
/// @group tabstrip
|
|
14
35
|
$kendo-tabstrip-wrapper-border: null !default;
|
|
15
36
|
|
|
16
|
-
///
|
|
37
|
+
/// The background color of the TabStrip.
|
|
17
38
|
/// @group tabstrip
|
|
18
39
|
$kendo-tabstrip-bg: null !default;
|
|
19
|
-
///
|
|
40
|
+
/// The text color of the TabStrip.
|
|
20
41
|
/// @group tabstrip
|
|
21
42
|
$kendo-tabstrip-text: $kendo-component-text !default;
|
|
22
|
-
///
|
|
43
|
+
/// The border color of the TabStrip.
|
|
23
44
|
/// @group tabstrip
|
|
24
45
|
$kendo-tabstrip-border: $kendo-component-border !default;
|
|
25
46
|
|
|
26
|
-
///
|
|
47
|
+
/// The horizontal padding of the TabStrip items.
|
|
27
48
|
/// @group tabstrip
|
|
28
49
|
$kendo-tabstrip-item-padding-x: $nav-link-padding-x !default;
|
|
29
|
-
///
|
|
50
|
+
/// The vertical padding of the TabStrip items.
|
|
30
51
|
/// @group tabstrip
|
|
31
52
|
$kendo-tabstrip-item-padding-y: $nav-link-padding-y !default;
|
|
32
|
-
///
|
|
53
|
+
/// The border width around the TabStrip items.
|
|
33
54
|
/// @group tabstrip
|
|
34
55
|
$kendo-tabstrip-item-border-width: 1px !default;
|
|
35
|
-
///
|
|
56
|
+
/// The border radius of the TabStrip items.
|
|
36
57
|
/// @group tabstrip
|
|
37
58
|
$kendo-tabstrip-item-border-radius: k-spacing(1) !default;
|
|
38
|
-
///
|
|
59
|
+
/// The gap between the TabStrip items.
|
|
39
60
|
/// @group tabstrip
|
|
40
61
|
$kendo-tabstrip-item-gap: k-spacing(0) !default;
|
|
41
62
|
|
|
42
|
-
///
|
|
63
|
+
/// The background color of the TabStrip items.
|
|
43
64
|
/// @group tabstrip
|
|
44
65
|
$kendo-tabstrip-item-bg: null !default;
|
|
45
|
-
///
|
|
66
|
+
/// The text color of the TabStrip items.
|
|
46
67
|
/// @group tabstrip
|
|
47
68
|
$kendo-tabstrip-item-text: $kendo-link-text !default;
|
|
48
|
-
///
|
|
69
|
+
/// The border color of the TabStrip items.
|
|
49
70
|
/// @group tabstrip
|
|
50
71
|
$kendo-tabstrip-item-border: null !default;
|
|
51
|
-
///
|
|
72
|
+
/// The gradient of the TabStrip items.
|
|
52
73
|
/// @group tabstrip
|
|
53
74
|
$kendo-tabstrip-item-gradient: null !default;
|
|
54
75
|
|
|
55
|
-
///
|
|
76
|
+
/// The background color of the hovered TabStrip items.
|
|
56
77
|
/// @group tabstrip
|
|
57
78
|
$kendo-tabstrip-item-hover-bg: null !default;
|
|
58
|
-
///
|
|
79
|
+
/// The text color of the hovered TabStrip items.
|
|
59
80
|
/// @group tabstrip
|
|
60
81
|
$kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
|
|
61
|
-
///
|
|
82
|
+
/// The border color of the hovered TabStrip items.
|
|
62
83
|
/// @group tabstrip
|
|
63
84
|
$kendo-tabstrip-item-hover-border: $gray-200 !default;
|
|
64
|
-
///
|
|
85
|
+
/// The gradient of the hovered TabStrip items.
|
|
65
86
|
/// @group tabstrip
|
|
66
87
|
$kendo-tabstrip-item-hover-gradient: null !default;
|
|
67
88
|
|
|
68
|
-
///
|
|
89
|
+
/// The background color of the selected TabStrip items.
|
|
69
90
|
/// @group tabstrip
|
|
70
91
|
$kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
|
|
71
|
-
///
|
|
92
|
+
/// The text color of the selected TabStrip items.
|
|
72
93
|
/// @group tabstrip
|
|
73
94
|
$kendo-tabstrip-item-selected-text: $kendo-component-text !default;
|
|
74
|
-
///
|
|
95
|
+
/// The border color of the selected TabStrip items.
|
|
75
96
|
/// @group tabstrip
|
|
76
97
|
$kendo-tabstrip-item-selected-border: $kendo-component-border !default;
|
|
77
|
-
///
|
|
98
|
+
/// The gradient of the selected TabStrip items.
|
|
78
99
|
/// @group tabstrip
|
|
79
100
|
$kendo-tabstrip-item-selected-gradient: null !default;
|
|
80
101
|
|
|
102
|
+
/// The shadow of the focused TabStrip items.
|
|
103
|
+
/// @group tabstrip
|
|
81
104
|
$kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
82
105
|
|
|
106
|
+
/// The shadow of the dragged TabStrip items.
|
|
107
|
+
/// @group tabstrip
|
|
83
108
|
$kendo-tabstrip-item-dragging-shadow: k-elevation(3) !default;
|
|
84
109
|
|
|
110
|
+
/// The background color of the disabled TabStrip items.
|
|
111
|
+
/// @group tabstrip
|
|
85
112
|
$kendo-tabstrip-item-disabled-bg: null !default;
|
|
113
|
+
/// The text color of the disabled TabStrip items.
|
|
114
|
+
/// @group tabstrip
|
|
86
115
|
$kendo-tabstrip-item-disabled-text: null !default;
|
|
116
|
+
/// The border color of the disabled TabStrip items.
|
|
117
|
+
/// @group tabstrip
|
|
87
118
|
$kendo-tabstrip-item-disabled-border: null !default;
|
|
119
|
+
/// The gradient of the disabled TabStrip items.
|
|
120
|
+
/// @group tabstrip
|
|
88
121
|
$kendo-tabstrip-item-disabled-gradient: null !default;
|
|
122
|
+
/// The opacity of the disabled TabStrip items.
|
|
123
|
+
/// @group tabstrip
|
|
89
124
|
$kendo-tabstrip-item-disabled-opacity: null !default;
|
|
125
|
+
/// The filter of the disabled TabStrip items.
|
|
126
|
+
/// @group tabstrip
|
|
90
127
|
$kendo-tabstrip-item-disabled-filter: null !default;
|
|
91
128
|
|
|
129
|
+
/// The border width of the TabStrip indicator.
|
|
130
|
+
/// @group tabstrip
|
|
92
131
|
$kendo-tabstrip-indicator-size: null !default;
|
|
132
|
+
/// The border color of the TabStrip ripple.
|
|
133
|
+
/// @group tabstrip
|
|
93
134
|
$kendo-tabstrip-indicator-color: null !default;
|
|
94
135
|
|
|
95
|
-
///
|
|
136
|
+
/// The horizontal padding of the TabStrip content.
|
|
96
137
|
/// @group tabstrip
|
|
97
138
|
$kendo-tabstrip-content-padding-x: k-spacing(4) !default;
|
|
98
|
-
///
|
|
139
|
+
/// The vertical padding of the TabStrip content.
|
|
99
140
|
/// @group tabstrip
|
|
100
141
|
$kendo-tabstrip-content-padding-y: k-spacing(4) !default;
|
|
101
|
-
///
|
|
142
|
+
/// The border width around the TabStrip content.
|
|
102
143
|
/// @group tabstrip
|
|
103
144
|
$kendo-tabstrip-content-border-width: $kendo-tabstrip-border-width !default;
|
|
104
145
|
|
|
105
|
-
///
|
|
146
|
+
/// The background color of the TabStrip content.
|
|
106
147
|
/// @group tabstrip
|
|
107
148
|
$kendo-tabstrip-content-bg: $kendo-component-bg !default;
|
|
108
|
-
///
|
|
149
|
+
/// The text color of the TabStrip content.
|
|
109
150
|
/// @group tabstrip
|
|
110
151
|
$kendo-tabstrip-content-text: $kendo-component-text !default;
|
|
111
|
-
///
|
|
152
|
+
/// The border color of the TabStrip content.
|
|
112
153
|
/// @group tabstrip
|
|
113
154
|
$kendo-tabstrip-content-border: $kendo-component-border !default;
|
|
114
|
-
///
|
|
155
|
+
/// The border color of the focused TabStrip content.
|
|
115
156
|
/// @group tabstrip
|
|
116
157
|
$kendo-tabstrip-content-focus-border: $kendo-component-text !default;
|