@progress/kendo-theme-classic 7.2.0 → 7.2.1-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.scss +554 -0
- package/dist/meta/sassdoc-data.json +44852 -30074
- package/dist/meta/sassdoc-raw-data.json +17306 -10481
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +5 -5
- package/scss/chat/_variables.scss +115 -0
- package/scss/orgchart/_variables.scss +91 -0
- package/scss/splitter/_variables.scss +39 -0
- package/scss/stepper/_variables.scss +137 -0
- package/scss/taskboard/_variables.scss +151 -0
- package/scss/wizard/_variables.scss +21 -0
|
@@ -1,87 +1,224 @@
|
|
|
1
1
|
// Stepper
|
|
2
|
+
|
|
3
|
+
/// The horizontal margin the Stepper.
|
|
4
|
+
/// @group stepper
|
|
2
5
|
$kendo-stepper-margin-x: null !default;
|
|
6
|
+
/// The vertical margin the Stepper.
|
|
7
|
+
/// @group stepper
|
|
3
8
|
$kendo-stepper-margin-y: null !default;
|
|
9
|
+
/// The horizontal padding the Stepper.
|
|
10
|
+
/// @group stepper
|
|
4
11
|
$kendo-stepper-padding-x: null !default;
|
|
12
|
+
/// The vertical padding the Stepper.
|
|
13
|
+
/// @group stepper
|
|
5
14
|
$kendo-stepper-padding-y: null !default;
|
|
15
|
+
/// The horizontal margin the Stepper label.
|
|
16
|
+
/// @group stepper
|
|
6
17
|
$kendo-stepper-label-margin-x: 12px !default;
|
|
18
|
+
/// The horizontal padding the Stepper label.
|
|
19
|
+
/// @group stepper
|
|
7
20
|
$kendo-stepper-label-padding-x: 12px !default;
|
|
21
|
+
/// The vertical padding the Stepper label.
|
|
22
|
+
/// @group stepper
|
|
8
23
|
$kendo-stepper-label-padding-y: 5px !default;
|
|
24
|
+
/// The width of the border around the Stepper.
|
|
25
|
+
/// @group stepper
|
|
9
26
|
$kendo-stepper-border-width: 0px !default;
|
|
10
27
|
|
|
28
|
+
/// The horizontal padding of the Stepper content.
|
|
29
|
+
/// @group stepper
|
|
11
30
|
$kendo-stepper-inline-content-padding-x: 20px !default;
|
|
31
|
+
/// The vertical padding of the Stepper content.
|
|
32
|
+
/// @group stepper
|
|
12
33
|
$kendo-stepper-inline-content-padding-y: 10px !default;
|
|
13
34
|
|
|
35
|
+
// The font size of the Stepper.
|
|
36
|
+
/// @group stepper
|
|
14
37
|
$kendo-stepper-font-size: $kendo-font-size-md !default;
|
|
38
|
+
// The line height of the Stepper.
|
|
39
|
+
/// @group stepper
|
|
15
40
|
$kendo-stepper-line-height: $kendo-line-height-md !default;
|
|
41
|
+
// The font family of the Stepper.
|
|
42
|
+
/// @group stepper
|
|
16
43
|
$kendo-stepper-font-family: $kendo-font-family !default;
|
|
17
44
|
|
|
45
|
+
/// The background color of the Stepper.
|
|
46
|
+
/// @group stepper
|
|
18
47
|
$kendo-stepper-bg: null !default;
|
|
48
|
+
/// The text color of the Stepper.
|
|
49
|
+
/// @group stepper
|
|
19
50
|
$kendo-stepper-text: $kendo-component-text !default;
|
|
51
|
+
/// The border color of the Stepper.
|
|
52
|
+
/// @group stepper
|
|
20
53
|
$kendo-stepper-border: null !default;
|
|
21
54
|
|
|
55
|
+
/// The width of the Stepper indicator.
|
|
56
|
+
/// @group stepper
|
|
22
57
|
$kendo-stepper-indicator-width: 28px !default;
|
|
58
|
+
/// The height of the Stepper indicator.
|
|
59
|
+
/// @group stepper
|
|
23
60
|
$kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
|
|
61
|
+
/// The border width of the Stepper indicator.
|
|
62
|
+
/// @group stepper
|
|
24
63
|
$kendo-stepper-indicator-border-width: 1px !default;
|
|
64
|
+
/// The border radius of the Stepper indicator.
|
|
65
|
+
/// @group stepper
|
|
25
66
|
$kendo-stepper-indicator-border-radius: 50% !default;
|
|
26
67
|
|
|
68
|
+
/// The border width of the focused Stepper indicator.
|
|
69
|
+
/// @group stepper
|
|
27
70
|
$kendo-stepper-indicator-focus-border-width: 1px !default;
|
|
71
|
+
/// The size of the focused Stepper indicator.
|
|
72
|
+
/// @group stepper
|
|
28
73
|
$kendo-stepper-indicator-focus-size: 2px !default;
|
|
74
|
+
/// The offset of the Stepper's focused indicator.
|
|
75
|
+
/// @group stepper
|
|
29
76
|
$kendo-stepper-indicator-focus-offset: 3px !default;
|
|
77
|
+
/// The calculated offset of the Stepper's focused indicator.
|
|
78
|
+
/// @group stepper
|
|
30
79
|
$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
|
|
31
80
|
|
|
81
|
+
/// The background color of the Stepper indicator.
|
|
82
|
+
/// @group stepper
|
|
32
83
|
$kendo-stepper-indicator-bg: $kendo-component-bg !default;
|
|
84
|
+
/// The text color of the Stepper indicator.
|
|
85
|
+
/// @group stepper
|
|
33
86
|
$kendo-stepper-indicator-text: $kendo-component-text !default;
|
|
87
|
+
/// The border color of the Stepper indicator.
|
|
88
|
+
/// @group stepper
|
|
34
89
|
$kendo-stepper-indicator-border: $kendo-component-border !default;
|
|
35
90
|
|
|
91
|
+
/// The background color of the hovered Stepper indicator.
|
|
92
|
+
/// @group stepper
|
|
36
93
|
$kendo-stepper-indicator-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-stepper-indicator-bg )) !default;
|
|
94
|
+
/// The text color of the hovered Stepper indicator.
|
|
95
|
+
/// @group stepper
|
|
37
96
|
$kendo-stepper-indicator-hover-text: null !default;
|
|
97
|
+
/// The border color of the hovered Stepper indicator.
|
|
98
|
+
/// @group stepper
|
|
38
99
|
$kendo-stepper-indicator-hover-border: null !default;
|
|
39
100
|
|
|
101
|
+
/// The background color of the disabled Stepper indicator.
|
|
102
|
+
/// @group stepper
|
|
40
103
|
$kendo-stepper-indicator-disabled-bg: null !default;
|
|
104
|
+
/// The text color of the disabled Stepper indicator.
|
|
105
|
+
/// @group stepper
|
|
41
106
|
$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text) !default;
|
|
107
|
+
/// The border color of the disabled Stepper indicator.
|
|
108
|
+
/// @group stepper
|
|
42
109
|
$kendo-stepper-indicator-disabled-border: null !default;
|
|
43
110
|
|
|
111
|
+
/// The background color of the Stepper's done indicator.
|
|
112
|
+
/// @group stepper
|
|
44
113
|
$kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
|
|
114
|
+
/// The text color of the Stepper's done indicator.
|
|
115
|
+
/// @group stepper
|
|
45
116
|
$kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg )) !default;
|
|
117
|
+
/// The border color of the Stepper's done indicator.
|
|
118
|
+
/// @group stepper
|
|
46
119
|
$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
|
|
47
120
|
|
|
121
|
+
/// The background color of the Stepper's hovered done indicator.
|
|
122
|
+
/// @group stepper
|
|
48
123
|
$kendo-stepper-indicator-done-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg )) !default;
|
|
124
|
+
/// The text color of the Stepper's hovered done indicator.
|
|
125
|
+
/// @group stepper
|
|
49
126
|
$kendo-stepper-indicator-done-hover-text: null !default;
|
|
127
|
+
/// The border color of the Stepper's hovered done indicator.
|
|
128
|
+
/// @group stepper
|
|
50
129
|
$kendo-stepper-indicator-done-hover-border: null !default;
|
|
51
130
|
|
|
131
|
+
/// The background color of the Stepper's disabled done indicator.
|
|
132
|
+
/// @group stepper
|
|
52
133
|
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60% )) !default;
|
|
134
|
+
/// The text color of the Stepper's disabled done indicator.
|
|
135
|
+
/// @group stepper
|
|
53
136
|
$kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg )) !default;
|
|
137
|
+
/// The border color of the Stepper's disabled done indicator.
|
|
138
|
+
/// @group stepper
|
|
54
139
|
$kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
|
|
55
140
|
|
|
141
|
+
/// The background color of the Stepper current indicator.
|
|
142
|
+
/// @group stepper
|
|
56
143
|
$kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
|
|
144
|
+
/// The text color of the Stepper current indicator.
|
|
145
|
+
/// @group stepper
|
|
57
146
|
$kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
|
|
147
|
+
/// The border color of the Stepper current indicator.
|
|
148
|
+
/// @group stepper
|
|
58
149
|
$kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
|
|
59
150
|
|
|
151
|
+
/// The background color of the Stepper's hovered current indicator.
|
|
152
|
+
/// @group stepper
|
|
60
153
|
$kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
|
|
154
|
+
/// The text color of the Stepper's hovered current indicator.
|
|
155
|
+
/// @group stepper
|
|
61
156
|
$kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
|
|
157
|
+
/// The border color of the Stepper's hovered current indicator.
|
|
158
|
+
/// @group stepper
|
|
62
159
|
$kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
|
|
63
160
|
|
|
161
|
+
/// The background color of the Stepper's disabled current indicator.
|
|
162
|
+
/// @group stepper
|
|
64
163
|
$kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
|
|
164
|
+
/// The text color of the Stepper's disabled current indicator.
|
|
165
|
+
/// @group stepper
|
|
65
166
|
$kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
|
|
167
|
+
/// The border color of the Stepper's disabled current indicator.
|
|
168
|
+
/// @group stepper
|
|
66
169
|
$kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
|
|
67
170
|
|
|
171
|
+
/// The text color of the Stepper label.
|
|
172
|
+
/// @group stepper
|
|
68
173
|
$kendo-stepper-label-text: null !default;
|
|
174
|
+
/// The success text color of the Stepper label.
|
|
175
|
+
/// @group stepper
|
|
69
176
|
$kendo-stepper-label-success-text: $kendo-color-success !default;
|
|
177
|
+
/// The error text color of the Stepper label.
|
|
178
|
+
/// @group stepper
|
|
70
179
|
$kendo-stepper-label-error-text: $kendo-color-error !default;
|
|
180
|
+
/// The text color of the hovered Stepper label.
|
|
181
|
+
/// @group stepper
|
|
71
182
|
$kendo-stepper-label-hover-text: null !default;
|
|
183
|
+
/// The text color of the disabled Stepper label.
|
|
184
|
+
/// @group stepper
|
|
72
185
|
$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text) !default;
|
|
73
186
|
|
|
187
|
+
/// The text color of the optional Stepper label.
|
|
188
|
+
/// @group stepper
|
|
74
189
|
$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
|
|
190
|
+
/// The opacity of the optional Stepper label.
|
|
191
|
+
/// @group stepper
|
|
75
192
|
$kendo-stepper-optional-label-opacity: null !default;
|
|
193
|
+
/// The font size of the optional Stepper label.
|
|
194
|
+
/// @group stepper
|
|
76
195
|
$kendo-stepper-optional-label-font-size: $kendo-font-size-sm !default;
|
|
196
|
+
/// The font style of the optional Stepper label.
|
|
197
|
+
/// @group stepper
|
|
77
198
|
$kendo-stepper-optional-label-font-style: null !default;
|
|
78
199
|
|
|
200
|
+
/// The size of the Stepper ProgressBar.
|
|
201
|
+
/// @group stepper
|
|
79
202
|
$kendo-stepper-progressbar-size: 2px !default;
|
|
203
|
+
/// The background color of the Stepper ProgressBar.
|
|
204
|
+
/// @group stepper
|
|
80
205
|
$kendo-stepper-progressbar-bg: null !default;
|
|
206
|
+
/// The text color of the Stepper ProgressBar.
|
|
207
|
+
/// @group stepper
|
|
81
208
|
$kendo-stepper-progressbar-text: null !default;
|
|
209
|
+
/// The background color of the selected Stepper ProgressBar.
|
|
210
|
+
/// @group stepper
|
|
82
211
|
$kendo-stepper-progressbar-fill-bg: null !default;
|
|
212
|
+
/// The text color of the selected Stepper ProgressBar.
|
|
213
|
+
/// @group stepper
|
|
83
214
|
$kendo-stepper-progressbar-fill-text: null !default;
|
|
84
215
|
|
|
216
|
+
/// The property name of the Stepper transition.
|
|
217
|
+
/// @group stepper
|
|
85
218
|
$kendo-stepper-content-transition-property: height !default;
|
|
219
|
+
/// The duration of the Stepper transition.
|
|
220
|
+
/// @group stepper
|
|
86
221
|
$kendo-stepper-content-transition-duration: 300ms !default;
|
|
222
|
+
/// The timing function of the Stepper transition.
|
|
223
|
+
/// @group stepper
|
|
87
224
|
$kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
|
|
@@ -1,95 +1,246 @@
|
|
|
1
1
|
// TaskBoard
|
|
2
|
+
|
|
3
|
+
/// The spacing index of the TaskBoard.
|
|
4
|
+
/// @group taskboard
|
|
2
5
|
$kendo-taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
|
|
6
|
+
/// The vertical padding of the TaskBoard.
|
|
7
|
+
/// @group taskboard
|
|
3
8
|
$kendo-taskboard-padding-y: null !default;
|
|
9
|
+
/// The horizontal of the TaskBoard.
|
|
10
|
+
/// @group taskboard
|
|
4
11
|
$kendo-taskboard-padding-x: null !default;
|
|
12
|
+
/// The font family of the TaskBoard.
|
|
13
|
+
/// @group taskboard
|
|
5
14
|
$kendo-taskboard-font-family: $kendo-font-family !default;
|
|
15
|
+
/// The font size of the TaskBoard.
|
|
16
|
+
/// @group taskboard
|
|
6
17
|
$kendo-taskboard-font-size: $kendo-font-size-md !default;
|
|
18
|
+
/// The line height of the TaskBoard.
|
|
19
|
+
/// @group taskboard
|
|
7
20
|
$kendo-taskboard-line-height: $kendo-line-height-md !default;
|
|
21
|
+
/// The background color of the TaskBoard.
|
|
22
|
+
/// @group taskboard
|
|
8
23
|
$kendo-taskboard-bg: null !default;
|
|
24
|
+
/// The text color of the TaskBoard.
|
|
25
|
+
/// @group taskboard
|
|
9
26
|
$kendo-taskboard-text: null !default;
|
|
27
|
+
/// The border color of the TaskBoard.
|
|
28
|
+
/// @group taskboard
|
|
10
29
|
$kendo-taskboard-border: null !default;
|
|
11
30
|
|
|
31
|
+
/// The vertical padding of the TaskBoard Toolbar.
|
|
32
|
+
/// @group taskboard
|
|
12
33
|
$kendo-taskboard-toolbar-padding-y: $kendo-taskboard-spacer !default;
|
|
34
|
+
/// The horizontal padding of the TaskBoard Toolbar.
|
|
35
|
+
/// @group taskboard
|
|
13
36
|
$kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
|
|
37
|
+
/// The background color of the TaskBoard Toolbar.
|
|
38
|
+
/// @group taskboard
|
|
14
39
|
$kendo-taskboard-toolbar-bg: null !default;
|
|
40
|
+
/// The text color of the TaskBoard Toolbar.
|
|
41
|
+
/// @group taskboard
|
|
15
42
|
$kendo-taskboard-toolbar-text: null !default;
|
|
43
|
+
/// The border color of the TaskBoard Toolbar.
|
|
44
|
+
/// @group taskboard
|
|
16
45
|
$kendo-taskboard-toolbar-border: null !default;
|
|
46
|
+
/// The gradient of the TaskBoard Toolbar.
|
|
47
|
+
/// @group taskboard
|
|
17
48
|
$kendo-taskboard-toolbar-gradient: null !default;
|
|
18
49
|
|
|
50
|
+
/// The vertical padding of the TaskBoard content.
|
|
51
|
+
/// @group taskboard
|
|
19
52
|
$kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
|
|
53
|
+
/// The horizontal padding of the TaskBoard content.
|
|
54
|
+
/// @group taskboard
|
|
20
55
|
$kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
|
|
21
56
|
|
|
57
|
+
/// The vertical spacing of the TaskBoard column container.
|
|
58
|
+
/// @group taskboard
|
|
22
59
|
$kendo-taskboard-column-container-spacing-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
60
|
+
/// The vertical padding of the TaskBoard column container.
|
|
61
|
+
/// @group taskboard
|
|
23
62
|
$kendo-taskboard-column-container-padding-y: 0px !default;
|
|
63
|
+
/// The horizontal padding of the TaskBoard column container.
|
|
64
|
+
/// @group taskboard
|
|
24
65
|
$kendo-taskboard-column-container-padding-x: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
66
|
+
/// The spacing of the TaskBoard columns container.
|
|
67
|
+
/// @group taskboard
|
|
25
68
|
$kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
26
69
|
|
|
70
|
+
/// The default width of the TaskBoard column.
|
|
71
|
+
/// @group taskboard
|
|
27
72
|
$kendo-taskboard-column-width: 320px !default;
|
|
73
|
+
/// The border width of the TaskBoard column.
|
|
74
|
+
/// @group taskboard
|
|
28
75
|
$kendo-taskboard-column-border-width: 1px !default;
|
|
76
|
+
/// The border radius of the TaskBoard column.
|
|
77
|
+
/// @group taskboard
|
|
29
78
|
$kendo-taskboard-column-border-radius: $kendo-border-radius-md !default;
|
|
79
|
+
/// The background color of the TaskBoard column.
|
|
80
|
+
/// @group taskboard
|
|
30
81
|
$kendo-taskboard-column-bg: $kendo-base-bg !default;
|
|
82
|
+
/// The text color of the TaskBoard column.
|
|
83
|
+
/// @group taskboard
|
|
31
84
|
$kendo-taskboard-column-text: null !default;
|
|
85
|
+
/// The border color of the TaskBoard column.
|
|
86
|
+
/// @group taskboard
|
|
32
87
|
$kendo-taskboard-column-border: transparent !default;
|
|
33
88
|
|
|
89
|
+
/// The background color of the focused TaskBoard column.
|
|
90
|
+
/// @group taskboard
|
|
34
91
|
$kendo-taskboard-column-focus-bg: null !default;
|
|
92
|
+
/// The text color of the focused TaskBoard column.
|
|
93
|
+
/// @group taskboard
|
|
35
94
|
$kendo-taskboard-column-focus-text: null !default;
|
|
95
|
+
/// The border color of the focused TaskBoard column.
|
|
96
|
+
/// @group taskboard
|
|
36
97
|
$kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 )) !default;
|
|
37
98
|
|
|
99
|
+
/// The vertical padding of the TaskBoard column header.
|
|
100
|
+
/// @group taskboard
|
|
38
101
|
$kendo-taskboard-column-header-padding-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
102
|
+
/// The horizontal padding of the TaskBoard column header.
|
|
103
|
+
/// @group taskboard
|
|
39
104
|
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
105
|
+
/// The spacing of the TaskBoard column header.
|
|
106
|
+
/// @group taskboard
|
|
40
107
|
$kendo-taskboard-column-header-gap: k-math-div( $kendo-taskboard-spacer, 4 ) !default;
|
|
108
|
+
/// The spacing of the TaskBoard column header actions.
|
|
109
|
+
/// @group taskboard
|
|
41
110
|
$kendo-taskboard-column-header-actions-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
111
|
+
/// The font weight of the TaskBoard column header.
|
|
112
|
+
/// @group taskboard
|
|
42
113
|
$kendo-taskboard-column-header-font-weight: 500 !default;
|
|
114
|
+
/// The text color of the TaskBoard column header.
|
|
115
|
+
/// @group taskboard
|
|
43
116
|
$kendo-taskboard-column-header-text: $kendo-component-header-text !default;
|
|
44
117
|
|
|
118
|
+
/// The vertical padding of the TaskBoard column Card wrapper.
|
|
119
|
+
/// @group taskboard
|
|
45
120
|
$kendo-taskboard-column-cards-padding-y: null !default;
|
|
121
|
+
/// The horizontal padding of the TaskBoard column Card wrapper.
|
|
122
|
+
/// @group taskboard
|
|
46
123
|
$kendo-taskboard-column-cards-padding-x: null !default;
|
|
124
|
+
/// The spacing of the TaskBoard column Card wrapper.
|
|
125
|
+
/// @group taskboard
|
|
47
126
|
$kendo-taskboard-column-cards-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
48
127
|
|
|
128
|
+
/// The default width of the TaskBoard pane.
|
|
129
|
+
/// @group taskboard
|
|
49
130
|
$kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
|
|
131
|
+
/// The vertical padding of the TaskBoard pane.
|
|
132
|
+
/// @group taskboard
|
|
50
133
|
$kendo-taskboard-pane-padding-y: null !default;
|
|
134
|
+
/// The horizontal padding of the TaskBoard pane.
|
|
135
|
+
/// @group taskboard
|
|
51
136
|
$kendo-taskboard-pane-padding-x: null !default;
|
|
137
|
+
/// The border width of the TaskBoard pane.
|
|
138
|
+
/// @group taskboard
|
|
52
139
|
$kendo-taskboard-pane-border-width: 1px !default;
|
|
140
|
+
/// The background color of the TaskBoard pane.
|
|
141
|
+
/// @group taskboard
|
|
53
142
|
$kendo-taskboard-pane-bg: $kendo-component-bg !default;
|
|
143
|
+
/// The text color of the TaskBoard pane.
|
|
144
|
+
/// @group taskboard
|
|
54
145
|
$kendo-taskboard-pane-text: $kendo-component-text !default;
|
|
146
|
+
/// The border color of the TaskBoard pane.
|
|
147
|
+
/// @group taskboard
|
|
55
148
|
$kendo-taskboard-pane-border: $kendo-component-border !default;
|
|
56
149
|
|
|
150
|
+
/// The vertical padding of the TaskBoard pane header.
|
|
151
|
+
/// @group taskboard
|
|
57
152
|
$kendo-taskboard-pane-header-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
|
|
153
|
+
/// The horizontal padding of the TaskBoard pane header.
|
|
154
|
+
/// @group taskboard
|
|
58
155
|
$kendo-taskboard-pane-header-padding-x: $kendo-taskboard-spacer !default;
|
|
156
|
+
/// The font weight of the TaskBoard pane header.
|
|
157
|
+
/// @group taskboard
|
|
59
158
|
$kendo-taskboard-pane-header-font-weight: 500 !default;
|
|
159
|
+
/// The text color of the TaskBoard pane header.
|
|
160
|
+
/// @group taskboard
|
|
60
161
|
$kendo-taskboard-pane-header-text: $kendo-component-header-text !default;
|
|
61
162
|
|
|
163
|
+
/// The vertical padding of the TaskBoard pane content.
|
|
164
|
+
/// @group taskboard
|
|
62
165
|
$kendo-taskboard-pane-content-padding-y: 0px !default;
|
|
166
|
+
/// The horizontal padding of the TaskBoard pane content.
|
|
167
|
+
/// @group taskboard
|
|
63
168
|
$kendo-taskboard-pane-content-padding-x: $kendo-taskboard-spacer !default;
|
|
64
169
|
|
|
170
|
+
/// The vertical padding of the TaskBoard pane actions.
|
|
171
|
+
/// @group taskboard
|
|
65
172
|
$kendo-taskboard-pane-actions-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
|
|
173
|
+
/// The horizontal padding of the TaskBoard pane actions.
|
|
174
|
+
/// @group taskboard
|
|
66
175
|
$kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-spacer !default;
|
|
67
176
|
|
|
177
|
+
/// The vertical padding of the TaskBoard Card.
|
|
178
|
+
/// @group taskboard
|
|
68
179
|
$kendo-taskboard-card-padding-y: $kendo-taskboard-spacer !default;
|
|
180
|
+
/// The horizontal padding of the TaskBoard Card.
|
|
181
|
+
/// @group taskboard
|
|
69
182
|
$kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
|
|
183
|
+
/// The border width of the TaskBoard Card.
|
|
184
|
+
/// @group taskboard
|
|
70
185
|
$kendo-taskboard-card-border-width: $kendo-card-border-width !default;
|
|
186
|
+
/// The border radius of the TaskBoard Card.
|
|
187
|
+
/// @group taskboard
|
|
71
188
|
$kendo-taskboard-card-border-radius: $kendo-card-border-radius !default;
|
|
189
|
+
/// The background color of the TaskBoard Card.
|
|
190
|
+
/// @group taskboard
|
|
72
191
|
$kendo-taskboard-card-bg: $kendo-card-bg !default;
|
|
192
|
+
/// The text color of the TaskBoard Card.
|
|
193
|
+
/// @group taskboard
|
|
73
194
|
$kendo-taskboard-card-text: $kendo-card-text !default;
|
|
195
|
+
/// The border color of the TaskBoard Card.
|
|
196
|
+
/// @group taskboard
|
|
74
197
|
$kendo-taskboard-card-border: $kendo-card-border !default;
|
|
198
|
+
/// The shadow of the TaskBoard Card.
|
|
199
|
+
/// @group taskboard
|
|
75
200
|
$kendo-taskboard-card-shadow: $kendo-card-shadow !default;
|
|
76
201
|
|
|
202
|
+
/// The border width of the TaskBoard Card category.
|
|
203
|
+
/// @group taskboard
|
|
77
204
|
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
78
205
|
|
|
206
|
+
/// The border color of the hovered TaskBoard Card.
|
|
207
|
+
/// @group taskboard
|
|
79
208
|
$kendo-taskboard-card-hover-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% )) !default;
|
|
80
209
|
|
|
210
|
+
/// The border color of the focused TaskBoard Card.
|
|
211
|
+
/// @group taskboard
|
|
81
212
|
$kendo-taskboard-card-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 18% )) !default;
|
|
213
|
+
/// The shadow of the focused TaskBoard Card.
|
|
214
|
+
/// @group taskboard
|
|
82
215
|
$kendo-taskboard-card-focus-shadow: none !default;
|
|
83
216
|
|
|
84
217
|
|
|
218
|
+
/// The border of the selected TaskBoard Card.
|
|
219
|
+
/// @group taskboard
|
|
85
220
|
$kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 5 ) !default;
|
|
221
|
+
/// The shadow of the selected TaskBoard Card.
|
|
222
|
+
/// @group taskboard
|
|
86
223
|
$kendo-taskboard-card-selected-shadow: none !default;
|
|
87
224
|
|
|
225
|
+
/// The text color of the TaskBoard Card header text.
|
|
226
|
+
/// @group taskboard
|
|
88
227
|
$kendo-taskboard-card-header-text: $kendo-color-primary !default;
|
|
228
|
+
/// The text color of the hovered TaskBoard Card header text.
|
|
229
|
+
/// @group taskboard
|
|
89
230
|
$kendo-taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
|
|
231
|
+
/// The text color of the focused TaskBoard Card header text.
|
|
232
|
+
/// @group taskboard
|
|
90
233
|
$kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
|
|
91
234
|
|
|
235
|
+
/// The border width of the TaskBoard Card placeholder.
|
|
236
|
+
/// @group taskboard
|
|
92
237
|
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
|
|
238
|
+
/// The border radius of the TaskBoard Card placeholder.
|
|
239
|
+
/// @group taskboard
|
|
93
240
|
$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
|
|
241
|
+
/// The background color of the TaskBoard Card placeholder.
|
|
242
|
+
/// @group taskboard
|
|
94
243
|
$kendo-taskboard-drag-placeholder-bg: rgba( white, .2 ) !default;
|
|
244
|
+
/// The border color of the TaskBoard Card placeholder.
|
|
245
|
+
/// @group taskboard
|
|
95
246
|
$kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
|
|
@@ -1,13 +1,34 @@
|
|
|
1
1
|
// Wizard
|
|
2
|
+
|
|
3
|
+
/// The horizontal padding of the Wizard.
|
|
4
|
+
/// @group wizard
|
|
2
5
|
$kendo-wizard-padding-x: $kendo-padding-md-x * 2.5 !default;
|
|
6
|
+
/// The vertical padding of the Wizard.
|
|
7
|
+
/// @group wizard
|
|
3
8
|
$kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
|
|
9
|
+
/// The horizontal padding of the Wizard content.
|
|
10
|
+
/// @group wizard
|
|
4
11
|
$kendo-wizard-content-padding-x: $kendo-padding-md-x * 4 !default;
|
|
12
|
+
/// The vertical padding of the Wizard content.
|
|
13
|
+
/// @group wizard
|
|
5
14
|
$kendo-wizard-content-padding-y: $kendo-padding-md-y * 8 !default;
|
|
15
|
+
/// The horizontal margin of the Wizard's Button container.
|
|
16
|
+
/// @group wizard
|
|
6
17
|
$kendo-wizard-buttons-margin-x: 10px !default;
|
|
7
18
|
|
|
19
|
+
/// The border width of the Wizard.
|
|
20
|
+
/// @group wizard
|
|
8
21
|
$kendo-wizard-border-width: 0px !default;
|
|
22
|
+
/// The font size of the Wizard.
|
|
23
|
+
/// @group wizard
|
|
9
24
|
$kendo-wizard-font-size: $kendo-font-size-md !default;
|
|
25
|
+
/// The line height of the Wizard.
|
|
26
|
+
/// @group wizard
|
|
10
27
|
$kendo-wizard-line-height: $kendo-line-height-md !default;
|
|
28
|
+
/// The font family of the Wizard.
|
|
29
|
+
/// @group wizard
|
|
11
30
|
$kendo-wizard-font-family: $kendo-font-family !default;
|
|
12
31
|
|
|
32
|
+
/// The outline of the focused Wizard step.
|
|
33
|
+
/// @group wizard
|
|
13
34
|
$kendo-wizard-step-focus-border: #656565 !default;
|