@progress/kendo-theme-fluent 7.2.0 → 7.2.1-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +2 -1
- package/dist/meta/sassdoc-data.json +532 -532
- package/dist/meta/sassdoc-raw-data.json +266 -266
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/chat/_variables.scss +64 -64
- package/scss/grid/_layout.scss +1 -0
- package/scss/grid/_variables.scss +1 -1
- package/scss/orgchart/_variables.scss +46 -46
- package/scss/splitter/_variables.scss +20 -20
- package/scss/stepper/_variables.scss +60 -60
- package/scss/taskboard/_variables.scss +63 -63
- package/scss/wizard/_variables.scss +15 -15
|
@@ -1,201 +1,201 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../core/" as *;
|
|
3
3
|
|
|
4
|
-
///
|
|
4
|
+
/// The width of the border around the Stepper.
|
|
5
5
|
/// @group stepper
|
|
6
6
|
$kendo-stepper-border-width: 0px !default;
|
|
7
|
-
//
|
|
7
|
+
// The font size of the Stepper.
|
|
8
8
|
/// @group stepper
|
|
9
9
|
$kendo-stepper-font-size: var( --kendo-font-size, inherit ) !default;
|
|
10
|
-
//
|
|
10
|
+
// The font family of the Stepper.
|
|
11
11
|
/// @group stepper
|
|
12
12
|
$kendo-stepper-font-family: var( --kendo-font-family, inherit ) !default;
|
|
13
|
-
//
|
|
13
|
+
// The line height of the Stepper.
|
|
14
14
|
/// @group stepper
|
|
15
15
|
$kendo-stepper-line-height: var( --kendo-line-height, normal ) !default;
|
|
16
16
|
|
|
17
|
-
///
|
|
17
|
+
/// The background color of the Stepper.
|
|
18
18
|
/// @group stepper
|
|
19
19
|
$kendo-stepper-bg: transparent !default;
|
|
20
|
-
///
|
|
20
|
+
/// The text color of the Stepper.
|
|
21
21
|
/// @group stepper
|
|
22
22
|
$kendo-stepper-text: var( --kendo-component-text, initial ) !default;
|
|
23
|
-
///
|
|
23
|
+
/// The border color of the Stepper.
|
|
24
24
|
/// @group stepper
|
|
25
25
|
$kendo-stepper-border: transparent !default;
|
|
26
26
|
|
|
27
|
-
///
|
|
27
|
+
/// The horizontal margin the Stepper label.
|
|
28
28
|
/// @group stepper
|
|
29
29
|
$kendo-stepper-label-margin-x: map.get( $kendo-spacing, 2 ) !default;
|
|
30
|
-
///
|
|
30
|
+
/// The horizontal padding the Stepper label.
|
|
31
31
|
/// @group stepper
|
|
32
32
|
$kendo-stepper-label-padding-x: map.get( $kendo-spacing, 3 ) !default;
|
|
33
|
-
///
|
|
33
|
+
/// The vertical padding the Stepper label.
|
|
34
34
|
/// @group stepper
|
|
35
35
|
$kendo-stepper-label-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
|
|
36
36
|
|
|
37
|
-
///
|
|
37
|
+
/// The horizontal padding of the Stepper content.
|
|
38
38
|
/// @group stepper
|
|
39
39
|
$kendo-stepper-inline-content-padding-x: map.get( $kendo-spacing, 5 ) !default;
|
|
40
|
-
///
|
|
40
|
+
/// The vertical padding of the Stepper content.
|
|
41
41
|
/// @group stepper
|
|
42
42
|
$kendo-stepper-inline-content-padding-y: map.get( $kendo-spacing, 3 ) !default;
|
|
43
43
|
|
|
44
|
-
///
|
|
44
|
+
/// The width of the Stepper indicator.
|
|
45
45
|
/// @group stepper
|
|
46
46
|
$kendo-stepper-indicator-width: map.get( $kendo-spacing, 7.5 ) !default;
|
|
47
|
-
///
|
|
47
|
+
/// The height of the Stepper indicator.
|
|
48
48
|
/// @group stepper
|
|
49
49
|
$kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
|
|
50
|
-
///
|
|
50
|
+
/// The border width of the Stepper indicator.
|
|
51
51
|
/// @group stepper
|
|
52
52
|
$kendo-stepper-indicator-border-width: 1px !default;
|
|
53
|
-
///
|
|
53
|
+
/// The border radius of the Stepper indicator.
|
|
54
54
|
/// @group stepper
|
|
55
55
|
$kendo-stepper-indicator-border-radius: 50% !default;
|
|
56
56
|
|
|
57
|
-
/// The
|
|
57
|
+
/// The border width of the focused Stepper indicator.
|
|
58
58
|
/// @group stepper
|
|
59
59
|
$kendo-stepper-indicator-focus-border-width: $kendo-stepper-indicator-border-width !default;
|
|
60
|
-
/// The
|
|
60
|
+
/// The size of the focused Stepper indicator.
|
|
61
61
|
/// @group stepper
|
|
62
62
|
$kendo-stepper-indicator-focus-size: map.get( $kendo-spacing, 0.5 ) !default;
|
|
63
|
-
/// The
|
|
63
|
+
/// The offset of the Stepper's focused indicator.
|
|
64
64
|
/// @group stepper
|
|
65
65
|
$kendo-stepper-indicator-focus-offset: 3px !default;
|
|
66
|
-
/// The
|
|
66
|
+
/// The calculated offset of the Stepper's focused indicator.
|
|
67
67
|
/// @group stepper
|
|
68
68
|
$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
|
|
69
69
|
|
|
70
|
-
///
|
|
70
|
+
/// The background color of the Stepper indicator.
|
|
71
71
|
/// @group stepper
|
|
72
72
|
$kendo-stepper-indicator-bg: var( --kendo-component-bg, initial ) !default;
|
|
73
|
-
///
|
|
73
|
+
/// The text color of the Stepper indicator.
|
|
74
74
|
/// @group stepper
|
|
75
75
|
$kendo-stepper-indicator-text: var( --kendo-component-text, initial ) !default;
|
|
76
|
-
///
|
|
76
|
+
/// The border color of the Stepper indicator.
|
|
77
77
|
/// @group stepper
|
|
78
78
|
$kendo-stepper-indicator-border: if($kendo-enable-color-system, k-color( border ), k-get-theme-color-var( neutral-110 )) !default;
|
|
79
79
|
|
|
80
|
-
/// The
|
|
80
|
+
/// The background color of the hovered Stepper indicator.
|
|
81
81
|
/// @group stepper
|
|
82
82
|
$kendo-stepper-indicator-hover-bg: var( --kendo-hover-bg, initial ) !default;
|
|
83
|
-
/// The
|
|
83
|
+
/// The text color of the hovered Stepper indicator.
|
|
84
84
|
/// @group stepper
|
|
85
85
|
$kendo-stepper-indicator-hover-text: var( --kendo-hover-text, initial ) !default;
|
|
86
|
-
/// The
|
|
86
|
+
/// The border color of the hovered Stepper indicator.
|
|
87
87
|
/// @group stepper
|
|
88
88
|
$kendo-stepper-indicator-hover-border: $kendo-stepper-indicator-border !default;
|
|
89
89
|
|
|
90
|
-
/// The
|
|
90
|
+
/// The background color of the disabled Stepper indicator.
|
|
91
91
|
/// @group stepper
|
|
92
92
|
$kendo-stepper-indicator-disabled-bg: var( --kendo-disabled-bg, initial ) !default;
|
|
93
|
-
/// The
|
|
93
|
+
/// The text color of the disabled Stepper indicator.
|
|
94
94
|
/// @group stepper
|
|
95
95
|
$kendo-stepper-indicator-disabled-text: var( --kendo-disabled-text, initial) !default;
|
|
96
|
-
/// The
|
|
96
|
+
/// The border color of the disabled Stepper indicator.
|
|
97
97
|
/// @group stepper
|
|
98
98
|
$kendo-stepper-indicator-disabled-border: var( --kendo-disabled-border, initial ) !default;
|
|
99
99
|
|
|
100
|
-
///
|
|
100
|
+
/// The background color of the Stepper's done indicator.
|
|
101
101
|
/// @group stepper
|
|
102
102
|
$kendo-stepper-indicator-done-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
103
|
-
///
|
|
103
|
+
/// The text color of the Stepper's done indicator.
|
|
104
104
|
/// @group stepper
|
|
105
105
|
$kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), $kendo-color-white) !default;
|
|
106
|
-
///
|
|
106
|
+
/// The border color of the Stepper's done indicator.
|
|
107
107
|
/// @group stepper
|
|
108
108
|
$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
|
|
109
109
|
|
|
110
|
-
/// The
|
|
110
|
+
/// The background color of the Stepper's hovered done indicator.
|
|
111
111
|
/// @group stepper
|
|
112
112
|
$kendo-stepper-indicator-done-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 )) !default;
|
|
113
|
-
/// The
|
|
113
|
+
/// The text color of the Stepper's hovered done indicator.
|
|
114
114
|
/// @group stepper
|
|
115
115
|
$kendo-stepper-indicator-done-hover-text: $kendo-stepper-indicator-done-text !default;
|
|
116
|
-
/// The
|
|
116
|
+
/// The border color of the Stepper's hovered done indicator.
|
|
117
117
|
/// @group stepper
|
|
118
118
|
$kendo-stepper-indicator-done-hover-border: $kendo-stepper-indicator-done-hover-bg !default;
|
|
119
119
|
|
|
120
|
-
/// The
|
|
120
|
+
/// The background color of the Stepper's disabled done indicator.
|
|
121
121
|
/// @group stepper
|
|
122
122
|
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .22 ), k-get-theme-color-var( primary-30 )) !default;
|
|
123
|
-
/// The
|
|
123
|
+
/// The text color of the Stepper's disabled done indicator.
|
|
124
124
|
/// @group stepper
|
|
125
125
|
$kendo-stepper-indicator-done-disabled-text: var( --kendo-disabled-text, initial ) !default;
|
|
126
|
-
/// The
|
|
126
|
+
/// The border color of the Stepper's disabled done indicator.
|
|
127
127
|
/// @group stepper
|
|
128
128
|
$kendo-stepper-indicator-done-disabled-border: var( --kendo-disabled-border, initial ) !default;
|
|
129
129
|
|
|
130
|
-
/// The background color of the
|
|
130
|
+
/// The background color of the Stepper current indicator.
|
|
131
131
|
/// @group stepper
|
|
132
132
|
$kendo-stepper-indicator-current-bg: if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 )) !default;
|
|
133
|
-
/// The text color of the
|
|
133
|
+
/// The text color of the Stepper current indicator.
|
|
134
134
|
/// @group stepper
|
|
135
135
|
$kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
|
|
136
|
-
/// The border color of the
|
|
136
|
+
/// The border color of the Stepper current indicator.
|
|
137
137
|
/// @group stepper
|
|
138
138
|
$kendo-stepper-indicator-current-border: $kendo-stepper-indicator-current-bg !default;
|
|
139
139
|
|
|
140
|
-
/// The
|
|
140
|
+
/// The background color of the Stepper's hovered current indicator.
|
|
141
141
|
/// @group stepper
|
|
142
142
|
$kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
|
|
143
|
-
/// The
|
|
143
|
+
/// The text color of the Stepper's hovered current indicator.
|
|
144
144
|
/// @group stepper
|
|
145
145
|
$kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
|
|
146
|
-
/// The
|
|
146
|
+
/// The border color of the Stepper's hovered current indicator.
|
|
147
147
|
/// @group stepper
|
|
148
148
|
$kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
|
|
149
149
|
|
|
150
|
-
/// The
|
|
150
|
+
/// The background color of the Stepper's disabled current indicator.
|
|
151
151
|
/// @group stepper
|
|
152
152
|
$kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
|
|
153
|
-
/// The
|
|
153
|
+
/// The text color of the Stepper's disabled current indicator.
|
|
154
154
|
/// @group stepper
|
|
155
155
|
$kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
|
|
156
|
-
/// The
|
|
156
|
+
/// The border color of the Stepper's disabled current indicator.
|
|
157
157
|
/// @group stepper
|
|
158
158
|
$kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
|
|
159
159
|
|
|
160
|
-
/// The text color of the
|
|
160
|
+
/// The text color of the Stepper label.
|
|
161
161
|
/// @group stepper
|
|
162
162
|
$kendo-stepper-label-text: inherit !default;
|
|
163
|
-
/// The success text color of the
|
|
163
|
+
/// The success text color of the Stepper label.
|
|
164
164
|
/// @group stepper
|
|
165
165
|
$kendo-stepper-label-success-text: if($kendo-enable-color-system, k-color( success-on-surface ), k-get-theme-color-var( success-190 )) !default;
|
|
166
|
-
/// The error text color of the
|
|
166
|
+
/// The error text color of the Stepper label.
|
|
167
167
|
/// @group stepper
|
|
168
168
|
$kendo-stepper-label-error-text: if($kendo-enable-color-system, k-color( error-on-surface ), k-get-theme-color-var( error-190 )) !default;
|
|
169
|
-
/// The
|
|
169
|
+
/// The text color of the hovered Stepper label.
|
|
170
170
|
/// @group stepper
|
|
171
171
|
$kendo-stepper-label-hover-text: $kendo-stepper-text !default;
|
|
172
|
-
/// The
|
|
172
|
+
/// The text color of the disabled Stepper label.
|
|
173
173
|
/// @group stepper
|
|
174
174
|
$kendo-stepper-label-disabled-text: var( --kendo-disabled-text, initial ) !default;
|
|
175
|
-
/// The
|
|
175
|
+
/// The font weight of the disabled Stepper label.
|
|
176
176
|
/// @group stepper
|
|
177
177
|
$kendo-stepper-current-label-font-weight: var( --kendo-font-weight-bold, bold ) !default;
|
|
178
178
|
|
|
179
|
-
/// The text color of the
|
|
179
|
+
/// The text color of the optional Stepper label.
|
|
180
180
|
/// @group stepper
|
|
181
181
|
$kendo-stepper-optional-label-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
|
|
182
|
-
/// The font size of the
|
|
182
|
+
/// The font size of the optional Stepper label.
|
|
183
183
|
/// @group stepper
|
|
184
184
|
$kendo-stepper-optional-label-font-size: inherit !default;
|
|
185
|
-
/// The font style of the
|
|
185
|
+
/// The font style of the optional Stepper label.
|
|
186
186
|
/// @group stepper
|
|
187
187
|
$kendo-stepper-optional-label-font-style: italic !default;
|
|
188
188
|
|
|
189
|
-
/// The size of the
|
|
189
|
+
/// The size of the Stepper ProgressBar.
|
|
190
190
|
/// @group stepper
|
|
191
191
|
$kendo-stepper-progressbar-size: map.get( $kendo-spacing, 0.5 ) !default;
|
|
192
192
|
|
|
193
|
-
/// The property name of the
|
|
193
|
+
/// The property name of the Stepper transition.
|
|
194
194
|
/// @group stepper
|
|
195
195
|
$kendo-stepper-content-transition-property: none !default;
|
|
196
|
-
/// The duration of the
|
|
196
|
+
/// The duration of the Stepper transition.
|
|
197
197
|
/// @group stepper
|
|
198
198
|
$kendo-stepper-content-transition-duration: 300ms !default;
|
|
199
|
-
/// The timing
|
|
199
|
+
/// The timing function of the Stepper transition.
|
|
200
200
|
/// @group stepper
|
|
201
201
|
$kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
|
|
@@ -3,206 +3,206 @@
|
|
|
3
3
|
@use "../core/" as *;
|
|
4
4
|
@use "../card/_variables.scss" as *;
|
|
5
5
|
|
|
6
|
-
///
|
|
6
|
+
/// The spacing index of the TaskBoard.
|
|
7
7
|
/// @group taskboard
|
|
8
8
|
$kendo-taskboard-spacer: map.get( $kendo-spacing, 4 ) !default;
|
|
9
9
|
|
|
10
|
-
///
|
|
10
|
+
/// The border width of the TaskBoard.
|
|
11
11
|
/// @group taskboard
|
|
12
12
|
$kendo-taskboard-border-width: 1px !default;
|
|
13
|
-
///
|
|
13
|
+
/// The border style of the TaskBoard.
|
|
14
14
|
/// @group taskboard
|
|
15
15
|
$kendo-taskboard-border-style: solid !default;
|
|
16
|
-
///
|
|
16
|
+
/// The vertical padding of the TaskBoard.
|
|
17
17
|
/// @group taskboard
|
|
18
18
|
$kendo-taskboard-padding-y: 0px !default;
|
|
19
|
-
///
|
|
19
|
+
/// The horizontal of the TaskBoard.
|
|
20
20
|
/// @group taskboard
|
|
21
21
|
$kendo-taskboard-padding-x: 0px !default;
|
|
22
|
-
///
|
|
22
|
+
/// The font family of the TaskBoard.
|
|
23
23
|
/// @group taskboard
|
|
24
24
|
$kendo-taskboard-font-family: var( --kendo-font-family, inherit ) !default;
|
|
25
|
-
///
|
|
25
|
+
/// The font size of the TaskBoard.
|
|
26
26
|
/// @group taskboard
|
|
27
27
|
$kendo-taskboard-font-size: var( --kendo-font-size-md, inherit ) !default;
|
|
28
|
-
///
|
|
28
|
+
/// The line height of the TaskBoard.
|
|
29
29
|
/// @group taskboard
|
|
30
30
|
$kendo-taskboard-line-height: var( --kendo-line-height, inherit ) !default;
|
|
31
|
-
///
|
|
31
|
+
/// The background color of the TaskBoard.
|
|
32
32
|
/// @group taskboard
|
|
33
33
|
$kendo-taskboard-bg: var( --kendo-component-bg, initial ) !default;
|
|
34
|
-
///
|
|
34
|
+
/// The text color of the TaskBoard.
|
|
35
35
|
/// @group taskboard
|
|
36
36
|
$kendo-taskboard-text: var( --kendo-component-text, initial ) !default;
|
|
37
|
-
///
|
|
37
|
+
/// The border color of the TaskBoard.
|
|
38
38
|
/// @group taskboard
|
|
39
39
|
$kendo-taskboard-border: var( --kendo-component-border, initial ) !default;
|
|
40
40
|
|
|
41
|
-
///
|
|
41
|
+
/// The vertical padding of the TaskBoard content.
|
|
42
42
|
/// @group taskboard
|
|
43
43
|
$kendo-taskboard-content-padding-y: 0px !default;
|
|
44
|
-
///
|
|
44
|
+
/// The horizontal padding of the TaskBoard content.
|
|
45
45
|
/// @group taskboard
|
|
46
46
|
$kendo-taskboard-content-padding-x: 0px !default;
|
|
47
47
|
|
|
48
|
-
///
|
|
48
|
+
/// The vertical spacing of the TaskBoard column container.
|
|
49
49
|
/// @group taskboard
|
|
50
50
|
$kendo-taskboard-column-container-spacing-y: math.div( $kendo-taskboard-spacer, 2 ) !default;
|
|
51
|
-
///
|
|
51
|
+
/// The vertical padding of the TaskBoard column container.
|
|
52
52
|
/// @group taskboard
|
|
53
53
|
$kendo-taskboard-column-container-padding-y: 0px !default;
|
|
54
|
-
///
|
|
54
|
+
/// The horizontal padding of the TaskBoard column container.
|
|
55
55
|
/// @group taskboard
|
|
56
56
|
$kendo-taskboard-column-container-padding-x: math.div( $kendo-taskboard-spacer, 2 ) !default;
|
|
57
|
-
///
|
|
57
|
+
/// The spacing of the TaskBoard columns container.
|
|
58
58
|
/// @group taskboard
|
|
59
59
|
$kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
60
60
|
|
|
61
|
-
///
|
|
61
|
+
/// The default width of the TaskBoard column.
|
|
62
62
|
/// @group taskboard
|
|
63
63
|
$kendo-taskboard-column-width: 320px !default;
|
|
64
|
-
///
|
|
64
|
+
/// The border width of the TaskBoard column.
|
|
65
65
|
/// @group taskboard
|
|
66
66
|
$kendo-taskboard-column-border-width: 1px !default;
|
|
67
|
-
///
|
|
67
|
+
/// The border radius of the TaskBoard column.
|
|
68
68
|
/// @group taskboard
|
|
69
69
|
$kendo-taskboard-column-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
|
|
70
|
-
///
|
|
70
|
+
/// The background color of the TaskBoard column.
|
|
71
71
|
/// @group taskboard
|
|
72
72
|
$kendo-taskboard-column-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
|
|
73
|
-
///
|
|
73
|
+
/// The text color of the TaskBoard column.
|
|
74
74
|
/// @group taskboard
|
|
75
75
|
$kendo-taskboard-column-text: var( --kendo-component-text, inherit ) !default;
|
|
76
|
-
///
|
|
76
|
+
/// The border color of the TaskBoard column.
|
|
77
77
|
/// @group taskboard
|
|
78
78
|
$kendo-taskboard-column-border: transparent !default;
|
|
79
|
-
///
|
|
79
|
+
/// The background color of the focused TaskBoard column.
|
|
80
80
|
/// @group taskboard
|
|
81
81
|
$kendo-taskboard-column-focus-bg: $kendo-taskboard-column-bg !default;
|
|
82
|
-
///
|
|
82
|
+
/// The text color of the focused TaskBoard column.
|
|
83
83
|
/// @group taskboard
|
|
84
84
|
$kendo-taskboard-column-focus-text: $kendo-taskboard-column-text !default;
|
|
85
|
-
///
|
|
85
|
+
/// The border color of the focused TaskBoard column.
|
|
86
86
|
/// @group taskboard
|
|
87
87
|
$kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border ), k-get-theme-color-var( neutral-130 )) !default;
|
|
88
88
|
|
|
89
|
-
///
|
|
89
|
+
/// The vertical padding of the TaskBoard column header.
|
|
90
90
|
/// @group taskboard
|
|
91
91
|
$kendo-taskboard-column-header-padding-y: math.div( $kendo-taskboard-spacer, 2 ) !default;
|
|
92
|
-
///
|
|
92
|
+
/// The horizontal padding of the TaskBoard column header.
|
|
93
93
|
/// @group taskboard
|
|
94
94
|
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
95
|
-
///
|
|
95
|
+
/// The spacing of the TaskBoard column header.
|
|
96
96
|
/// @group taskboard
|
|
97
97
|
$kendo-taskboard-column-header-gap: math.div( $kendo-taskboard-spacer, 4 ) !default;
|
|
98
|
-
///
|
|
98
|
+
/// The spacing of the TaskBoard column header actions.
|
|
99
99
|
/// @group taskboard
|
|
100
100
|
$kendo-taskboard-column-header-actions-gap: math.div( $kendo-taskboard-spacer, 2 ) !default;
|
|
101
|
-
///
|
|
101
|
+
/// The font weight of the TaskBoard column header.
|
|
102
102
|
/// @group taskboard
|
|
103
103
|
$kendo-taskboard-column-header-font-weight: 400 !default;
|
|
104
|
-
///
|
|
104
|
+
/// The text color of the TaskBoard column header.
|
|
105
105
|
/// @group taskboard
|
|
106
106
|
$kendo-taskboard-column-header-text: var( --kendo-component-text, inherit ) !default;
|
|
107
107
|
|
|
108
|
-
///
|
|
108
|
+
/// The vertical padding of the TaskBoard column Card wrapper.
|
|
109
109
|
/// @group taskboard
|
|
110
110
|
$kendo-taskboard-column-cards-padding-y: 0px !default;
|
|
111
|
-
///
|
|
111
|
+
/// The horizontal padding of the TaskBoard column Card wrapper.
|
|
112
112
|
/// @group taskboard
|
|
113
113
|
$kendo-taskboard-column-cards-padding-x: 0px !default;
|
|
114
|
-
///
|
|
114
|
+
/// The spacing of the TaskBoard column Card wrapper.
|
|
115
115
|
/// @group taskboard
|
|
116
116
|
$kendo-taskboard-column-cards-gap: math.div( $kendo-taskboard-spacer, 2 ) !default;
|
|
117
117
|
|
|
118
118
|
|
|
119
|
-
///
|
|
119
|
+
/// The default width of the TaskBoard pane.
|
|
120
120
|
/// @group taskboard
|
|
121
121
|
$kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
|
|
122
|
-
///
|
|
122
|
+
/// The vertical padding of the TaskBoard pane.
|
|
123
123
|
/// @group taskboard
|
|
124
124
|
$kendo-taskboard-pane-padding-y: 0px !default;
|
|
125
|
-
///
|
|
125
|
+
/// The horizontal padding of the TaskBoard pane.
|
|
126
126
|
/// @group taskboard
|
|
127
127
|
$kendo-taskboard-pane-padding-x: 0px !default;
|
|
128
|
-
///
|
|
128
|
+
/// The border width of the TaskBoard pane.
|
|
129
129
|
/// @group taskboard
|
|
130
130
|
$kendo-taskboard-pane-border-width: 1px !default;
|
|
131
|
-
///
|
|
131
|
+
/// The background color of the TaskBoard pane.
|
|
132
132
|
/// @group taskboard
|
|
133
133
|
$kendo-taskboard-pane-bg: var( --kendo-component-bg, inherit ) !default;
|
|
134
|
-
///
|
|
134
|
+
/// The text color of the TaskBoard pane.
|
|
135
135
|
/// @group taskboard
|
|
136
136
|
$kendo-taskboard-pane-text: var( --kendo-component-text, inherit ) !default;
|
|
137
|
-
///
|
|
137
|
+
/// The border color of the TaskBoard pane.
|
|
138
138
|
/// @group taskboard
|
|
139
139
|
$kendo-taskboard-pane-border: var( --kendo-component-border, inherit ) !default;
|
|
140
140
|
|
|
141
|
-
///
|
|
141
|
+
/// The vertical padding of the TaskBoard pane header.
|
|
142
142
|
/// @group taskboard
|
|
143
143
|
$kendo-taskboard-pane-header-padding-y: $kendo-taskboard-spacer !default;
|
|
144
|
-
///
|
|
144
|
+
/// The horizontal padding of the TaskBoard pane header.
|
|
145
145
|
/// @group taskboard
|
|
146
146
|
$kendo-taskboard-pane-header-padding-x: map.get( $kendo-spacing, 6 ) !default;
|
|
147
|
-
///
|
|
147
|
+
/// The font size of the TaskBoard pane header.
|
|
148
148
|
/// @group taskboard
|
|
149
149
|
$kendo-taskboard-pane-header-font-size: var( --kendo-font-size-xl, 1rem ) !default;
|
|
150
|
-
///
|
|
150
|
+
/// The font weight of the TaskBoard pane header.
|
|
151
151
|
/// @group taskboard
|
|
152
152
|
$kendo-taskboard-pane-header-font-weight: var( --kendo-font-weight-bold, bold ) !default;
|
|
153
|
-
///
|
|
153
|
+
/// The text color of the TaskBoard pane header.
|
|
154
154
|
/// @group taskboard
|
|
155
155
|
$kendo-taskboard-pane-header-text: $kendo-taskboard-pane-text !default;
|
|
156
156
|
|
|
157
|
-
///
|
|
157
|
+
/// The vertical padding of the TaskBoard pane content.
|
|
158
158
|
/// @group taskboard
|
|
159
159
|
$kendo-taskboard-pane-content-padding-y: 0px !default;
|
|
160
|
-
///
|
|
160
|
+
/// The horizontal padding of the TaskBoard pane content.
|
|
161
161
|
/// @group taskboard
|
|
162
162
|
$kendo-taskboard-pane-content-padding-x: $kendo-taskboard-pane-header-padding-x !default;
|
|
163
163
|
|
|
164
|
-
///
|
|
164
|
+
/// The vertical padding of the TaskBoard pane actions.
|
|
165
165
|
/// @group taskboard
|
|
166
166
|
$kendo-taskboard-pane-actions-padding-y: map.get( $kendo-spacing, 6 ) !default;
|
|
167
|
-
///
|
|
167
|
+
/// The horizontal padding of the TaskBoard pane actions.
|
|
168
168
|
/// @group taskboard
|
|
169
169
|
$kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-pane-actions-padding-y !default;
|
|
170
170
|
|
|
171
|
-
///
|
|
171
|
+
/// The vertical padding of the TaskBoard Card.
|
|
172
172
|
/// @group taskboard
|
|
173
173
|
$kendo-taskboard-card-padding-y: math.div( $kendo-taskboard-spacer, 2 ) !default;
|
|
174
|
-
///
|
|
174
|
+
/// The horizontal padding of the TaskBoard Card.
|
|
175
175
|
/// @group taskboard
|
|
176
176
|
$kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
|
|
177
|
-
///
|
|
177
|
+
/// The border width of the TaskBoard Card category.
|
|
178
178
|
/// @group taskboard
|
|
179
179
|
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
180
|
-
///
|
|
180
|
+
/// The shadow of the focused TaskBoard Card.
|
|
181
181
|
/// @group taskboard
|
|
182
182
|
$kendo-taskboard-card-focus-shadow: none !default;
|
|
183
|
-
///
|
|
183
|
+
/// The border of the selected TaskBoard Card.
|
|
184
184
|
/// @group taskboard
|
|
185
185
|
$kendo-taskboard-card-selected-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
186
|
-
///
|
|
186
|
+
/// The shadow of the selected TaskBoard Card.
|
|
187
187
|
/// @group taskboard
|
|
188
188
|
$kendo-taskboard-card-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
|
|
189
189
|
|
|
190
|
-
///
|
|
190
|
+
/// The font size of the TaskBoard Card title.
|
|
191
191
|
/// @group taskboard
|
|
192
192
|
$kendo-taskboard-card-title-font-size: var( --kendo-font-size-md, 1rem ) !default;
|
|
193
|
-
///
|
|
193
|
+
/// The font weight of the TaskBoard Card title.
|
|
194
194
|
/// @group taskboard
|
|
195
195
|
$kendo-taskboard-card-title-font-weight: var( --kendo-font-weight-bold, 600 ) !default;
|
|
196
196
|
|
|
197
|
-
///
|
|
197
|
+
/// The border width of the TaskBoard Card placeholder.
|
|
198
198
|
/// @group taskboard
|
|
199
199
|
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
|
|
200
|
-
///
|
|
200
|
+
/// The border radius of the TaskBoard Card placeholder.
|
|
201
201
|
/// @group taskboard
|
|
202
202
|
$kendo-taskboard-drag-placeholder-border-radius: $kendo-card-border-radius !default;
|
|
203
|
-
///
|
|
203
|
+
/// The background color of the TaskBoard Card placeholder.
|
|
204
204
|
/// @group taskboard
|
|
205
205
|
$kendo-taskboard-drag-placeholder-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 )) !default;
|
|
206
|
-
///
|
|
206
|
+
/// The border color of the TaskBoard Card placeholder.
|
|
207
207
|
/// @group taskboard
|
|
208
208
|
$kendo-taskboard-drag-placeholder-border: var( --kendo-component-border, inherit ) !default;
|
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../core/" as *;
|
|
3
3
|
|
|
4
|
-
///
|
|
4
|
+
/// The border width of the Wizard.
|
|
5
5
|
/// @group wizard
|
|
6
6
|
$kendo-wizard-border-width: 0px !default;
|
|
7
|
-
///
|
|
7
|
+
/// The horizontal padding of the Wizard.
|
|
8
8
|
/// @group wizard
|
|
9
9
|
$kendo-wizard-padding-x: map.get( $kendo-spacing, 6 ) !default;
|
|
10
|
-
///
|
|
10
|
+
/// The vertical padding of the Wizard.
|
|
11
11
|
/// @group wizard
|
|
12
12
|
$kendo-wizard-padding-y: map.get( $kendo-spacing, 6 ) !default;
|
|
13
|
-
///
|
|
13
|
+
/// The font size of the Wizard.
|
|
14
14
|
/// @group wizard
|
|
15
15
|
$kendo-wizard-font-size: var( --kendo-font-size, inherit ) !default;
|
|
16
|
-
///
|
|
16
|
+
/// The line height of the Wizard.
|
|
17
17
|
/// @group wizard
|
|
18
18
|
$kendo-wizard-line-height: var( --kendo-line-height, normal ) !default;
|
|
19
|
-
///
|
|
19
|
+
/// The font family of the Wizard.
|
|
20
20
|
/// @group wizard
|
|
21
21
|
$kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
///
|
|
24
|
+
/// The horizontal padding of the Wizard steps.
|
|
25
25
|
/// @group wizard
|
|
26
26
|
$kendo-wizard-steps-padding-x: map.get( $kendo-spacing, 3 ) !default;
|
|
27
|
-
///
|
|
27
|
+
/// The vertical padding of the Wizard steps.
|
|
28
28
|
/// @group wizard
|
|
29
29
|
$kendo-wizard-steps-padding-y: map.get( $kendo-spacing, 3 ) !default;
|
|
30
30
|
|
|
31
|
-
///
|
|
31
|
+
/// The horizontal padding of the Wizard content.
|
|
32
32
|
/// @group wizard
|
|
33
33
|
$kendo-wizard-content-padding-x: 0px !default;
|
|
34
|
-
///
|
|
34
|
+
/// The vertical padding of the Wizard content.
|
|
35
35
|
/// @group wizard
|
|
36
36
|
$kendo-wizard-content-padding-y: 0px !default;
|
|
37
|
-
///
|
|
37
|
+
/// The text color of the Wizard content.
|
|
38
38
|
/// @group wizard
|
|
39
39
|
$kendo-wizard-content-text: var( --kendo-component-text, initial ) !default;
|
|
40
|
-
///
|
|
40
|
+
/// The background color of the Wizard content.
|
|
41
41
|
/// @group wizard
|
|
42
42
|
$kendo-wizard-content-bg: var( --kendo-component-bg, initial ) !default;
|
|
43
43
|
|
|
44
|
-
///
|
|
44
|
+
/// The horizontal margin of the Wizard's Button container.
|
|
45
45
|
/// @group wizard
|
|
46
46
|
$kendo-wizard-buttons-margin-x: map.get( $kendo-spacing, 7 ) !default;
|
|
47
|
-
///
|
|
47
|
+
/// The vertical margin of the Wizard Button container.
|
|
48
48
|
/// @group wizard
|
|
49
49
|
$kendo-wizard-buttons-margin-y: map.get( $kendo-spacing, 6 ) !default;
|
|
50
50
|
|
|
51
|
-
///
|
|
51
|
+
/// The outline of the focused Wizard step.
|
|
52
52
|
/// @group wizard
|
|
53
53
|
$kendo-wizard-step-focus-border: if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 )) !default;
|