@progress/kendo-theme-default 8.0.0-dev.8 → 8.0.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 +75 -77
- package/dist/all.scss +261 -56
- package/dist/meta/sassdoc-data.json +37647 -29421
- package/dist/meta/sassdoc-raw-data.json +5551 -1304
- package/dist/meta/variables.json +11 -11
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +5 -5
- package/scss/badge/_theme.scss +1 -1
- package/scss/button/_theme.scss +15 -11
- package/scss/calendar/_layout.scss +26 -27
- package/scss/calendar/_theme.scss +0 -5
- package/scss/calendar/_variables.scss +13 -0
- package/scss/chip/_theme.scss +4 -4
- package/scss/chip/_variables.scss +1 -1
- package/scss/dataviz/_layout.scss +4 -1
- package/scss/drawer/_layout.scss +2 -0
- package/scss/drawer/_variables.scss +13 -2
- package/scss/listview/_layout.scss +1 -0
- package/scss/scheduler/_variables.scss +1 -1
- package/scss/slider/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/typography/_variables.scss +157 -1
|
@@ -2,48 +2,123 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Headings
|
|
5
|
+
|
|
6
|
+
/// The font size of the highest level heading.
|
|
7
|
+
/// @group typography
|
|
5
8
|
$kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
|
|
9
|
+
/// The font size of the second highest level heading.
|
|
10
|
+
/// @group typography
|
|
6
11
|
$kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
|
|
12
|
+
/// The font size of the third highest level heading.
|
|
13
|
+
/// @group typography
|
|
7
14
|
$kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
|
|
15
|
+
/// The font size of the fourth highest level heading.
|
|
16
|
+
/// @group typography
|
|
8
17
|
$kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
|
|
18
|
+
/// The font size of the fifth highest level heading.
|
|
19
|
+
/// @group typography
|
|
9
20
|
$kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
|
|
21
|
+
/// The font size of the sixth highest level heading.
|
|
22
|
+
/// @group typography
|
|
10
23
|
$kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
|
|
11
24
|
|
|
25
|
+
/// The font family of the highest level heading.
|
|
26
|
+
/// @group typography
|
|
12
27
|
$kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
28
|
+
/// The font family of the second highest level heading.
|
|
29
|
+
/// @group typography
|
|
13
30
|
$kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
31
|
+
/// The font family of the third highest level heading.
|
|
32
|
+
/// @group typography
|
|
14
33
|
$kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
34
|
+
/// The font family of the fourth highest level heading.
|
|
35
|
+
/// @group typography
|
|
15
36
|
$kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
37
|
+
/// The font family of the fifth highest level heading.
|
|
38
|
+
/// @group typography
|
|
16
39
|
$kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
|
|
40
|
+
/// The font family of the sixth highest level heading.
|
|
41
|
+
/// @group typography
|
|
17
42
|
$kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
|
|
18
43
|
|
|
44
|
+
/// The line height of the highest level heading.
|
|
45
|
+
/// @group typography
|
|
19
46
|
$kendo-h1-line-height: 74px !default;
|
|
47
|
+
/// The line height of the second highest level heading.
|
|
48
|
+
/// @group typography
|
|
20
49
|
$kendo-h2-line-height: 56px !default;
|
|
50
|
+
/// The line height of the third highest level heading.
|
|
51
|
+
/// @group typography
|
|
21
52
|
$kendo-h3-line-height: 42px !default;
|
|
53
|
+
/// The line height of the fourth highest level heading.
|
|
54
|
+
/// @group typography
|
|
22
55
|
$kendo-h4-line-height: 40px !default;
|
|
56
|
+
/// The line height of the fifth highest level heading.
|
|
57
|
+
/// @group typography
|
|
23
58
|
$kendo-h5-line-height: 28px !default;
|
|
59
|
+
/// The line height of the sixth highest level heading.
|
|
60
|
+
/// @group typography
|
|
24
61
|
$kendo-h6-line-height: 20px !default;
|
|
25
62
|
|
|
63
|
+
/// The font weight of the highest level heading.
|
|
64
|
+
/// @group typography
|
|
26
65
|
$kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
66
|
+
/// The font weight of the second highest level heading.
|
|
67
|
+
/// @group typography
|
|
27
68
|
$kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
69
|
+
/// The font weight of the third highest level heading.
|
|
70
|
+
/// @group typography
|
|
28
71
|
$kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
72
|
+
/// The font weight of the fourth highest level heading.
|
|
73
|
+
/// @group typography
|
|
29
74
|
$kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
75
|
+
/// The font weight of the fifth highest level heading.
|
|
76
|
+
/// @group typography
|
|
30
77
|
$kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
78
|
+
/// The font weight of the sixth highest level heading.
|
|
79
|
+
/// @group typography
|
|
31
80
|
$kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
32
81
|
|
|
82
|
+
/// The letter spacing of the highest level heading.
|
|
83
|
+
/// @group typography
|
|
33
84
|
$kendo-h1-letter-spacing: null !default;
|
|
85
|
+
/// The letter spacing of the second highest level heading.
|
|
86
|
+
/// @group typography
|
|
34
87
|
$kendo-h2-letter-spacing: null !default;
|
|
88
|
+
/// The letter spacing of the third highest level heading.
|
|
89
|
+
/// @group typography
|
|
35
90
|
$kendo-h3-letter-spacing: null !default;
|
|
91
|
+
/// The letter spacing of the fourth highest level heading.
|
|
92
|
+
/// @group typography
|
|
36
93
|
$kendo-h4-letter-spacing: null !default;
|
|
94
|
+
/// The letter spacing of the fifth highest level heading.
|
|
95
|
+
/// @group typography
|
|
37
96
|
$kendo-h5-letter-spacing: null !default;
|
|
97
|
+
/// The letter spacing of the sixth highest level heading.
|
|
98
|
+
/// @group typography
|
|
38
99
|
$kendo-h6-letter-spacing: null !default;
|
|
39
100
|
|
|
101
|
+
/// The margin of the highest level heading.
|
|
102
|
+
/// @group typography
|
|
40
103
|
$kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
104
|
+
/// The margin of the second highest level heading.
|
|
105
|
+
/// @group typography
|
|
41
106
|
$kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
107
|
+
/// The margin of the third highest level heading.
|
|
108
|
+
/// @group typography
|
|
42
109
|
$kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
110
|
+
/// The margin of the fourth highest level heading.
|
|
111
|
+
/// @group typography
|
|
43
112
|
$kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
113
|
+
/// The margin of the fifth highest level heading.
|
|
114
|
+
/// @group typography
|
|
44
115
|
$kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
116
|
+
/// The margin of the sixth highest level heading.
|
|
117
|
+
/// @group typography
|
|
45
118
|
$kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
46
119
|
|
|
120
|
+
/// The headings Map.
|
|
121
|
+
/// @group typography
|
|
47
122
|
$kendo-headings: (
|
|
48
123
|
h1: (
|
|
49
124
|
font-size: $kendo-h1-font-size,
|
|
@@ -98,58 +173,139 @@ $kendo-headings: (
|
|
|
98
173
|
|
|
99
174
|
|
|
100
175
|
// Paragraph
|
|
176
|
+
|
|
177
|
+
/// The margin of the paragraph.
|
|
178
|
+
/// @group typography
|
|
101
179
|
$kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
180
|
+
/// The font size of the paragraph.
|
|
181
|
+
/// @group typography
|
|
102
182
|
$kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
|
|
183
|
+
/// The font family of the paragraph.
|
|
184
|
+
/// @group typography
|
|
103
185
|
$kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
|
|
186
|
+
/// The line height of the paragraph.
|
|
187
|
+
/// @group typography
|
|
104
188
|
$kendo-paragraph-line-height: 20px !default;
|
|
189
|
+
/// The font weight of the paragraph.
|
|
190
|
+
/// @group typography
|
|
105
191
|
$kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
192
|
+
/// The letter spacing of the paragraph.
|
|
193
|
+
/// @group typography
|
|
106
194
|
$kendo-paragraph-letter-spacing: null !default;
|
|
107
195
|
|
|
108
196
|
|
|
109
197
|
// Code
|
|
198
|
+
|
|
199
|
+
/// The font size of the code tag.
|
|
200
|
+
/// @group typography
|
|
110
201
|
$kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
|
|
202
|
+
/// The font family of the code tag.
|
|
203
|
+
/// @group typography
|
|
111
204
|
$kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
|
|
205
|
+
/// The line height of the code tag.
|
|
206
|
+
/// @group typography
|
|
112
207
|
$kendo-code-line-height: 20px !default;
|
|
208
|
+
/// The font weight of the code tag.
|
|
209
|
+
/// @group typography
|
|
113
210
|
$kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
211
|
+
/// The letter spacing of the code tag.
|
|
212
|
+
/// @group typography
|
|
114
213
|
$kendo-code-letter-spacing: null !default;
|
|
115
214
|
|
|
215
|
+
/// The horizontal padding of the code tag.
|
|
216
|
+
/// @group typography
|
|
116
217
|
$kendo-code-padding-x: k-spacing(1) !default;
|
|
218
|
+
/// The vertical padding of the code tag.
|
|
219
|
+
/// @group typography
|
|
117
220
|
$kendo-code-padding-y: k-spacing(0) !default;
|
|
221
|
+
/// The horizontal padding of the preformatted text.
|
|
222
|
+
/// @group typography
|
|
118
223
|
$kendo-pre-padding-x: k-spacing(6) !default;
|
|
224
|
+
/// The vertical padding of the preformatted text.
|
|
225
|
+
/// @group typography
|
|
119
226
|
$kendo-pre-padding-y: k-spacing(4) !default;
|
|
227
|
+
/// The width of the border of the code tag.
|
|
228
|
+
/// @group typography
|
|
120
229
|
$kendo-code-border-width: 1px !default;
|
|
121
230
|
|
|
231
|
+
/// The background color of the code tag.
|
|
232
|
+
/// @group typography
|
|
122
233
|
$kendo-code-bg: $kendo-base-bg !default;
|
|
234
|
+
/// The color of the code tag.
|
|
235
|
+
/// @group typography
|
|
123
236
|
$kendo-code-text: $kendo-component-text !default;
|
|
237
|
+
/// The border color of the code tag.
|
|
238
|
+
/// @group typography
|
|
124
239
|
$kendo-code-border: $kendo-component-border !default;
|
|
125
240
|
|
|
126
|
-
|
|
127
241
|
// Display
|
|
242
|
+
|
|
243
|
+
/// The font size of the largest display text.
|
|
244
|
+
/// @group typography
|
|
128
245
|
$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8) !default;
|
|
246
|
+
/// The font size of the second largest display text.
|
|
247
|
+
/// @group typography
|
|
129
248
|
$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7) !default;
|
|
249
|
+
/// The font size of the third largest display text.
|
|
250
|
+
/// @group typography
|
|
130
251
|
$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6) !default;
|
|
252
|
+
/// The font size of the fourth largest display text.
|
|
253
|
+
/// @group typography
|
|
131
254
|
$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5) !default;
|
|
132
255
|
|
|
256
|
+
/// The font family of the largest display text.
|
|
257
|
+
/// @group typography
|
|
133
258
|
$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
259
|
+
/// The font family of the second largest display text.
|
|
260
|
+
/// @group typography
|
|
134
261
|
$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
262
|
+
/// The font family of the third largest display text.
|
|
263
|
+
/// @group typography
|
|
135
264
|
$kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
265
|
+
/// The font family of the fourth largest display text.
|
|
266
|
+
/// @group typography
|
|
136
267
|
$kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
137
268
|
|
|
269
|
+
/// The line height of the largest display text.
|
|
270
|
+
/// @group typography
|
|
138
271
|
$kendo-display1-line-height: 1.2 !default;
|
|
272
|
+
/// The line height of the second largest display text.
|
|
273
|
+
/// @group typography
|
|
139
274
|
$kendo-display2-line-height: 1.2 !default;
|
|
275
|
+
/// The line height of the third largest display text.
|
|
276
|
+
/// @group typography
|
|
140
277
|
$kendo-display3-line-height: 1.2 !default;
|
|
278
|
+
/// The line height of the fourth largest display text.
|
|
279
|
+
/// @group typography
|
|
141
280
|
$kendo-display4-line-height: 1.2 !default;
|
|
142
281
|
|
|
282
|
+
/// The font weight of the largest display text.
|
|
283
|
+
/// @group typography
|
|
143
284
|
$kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
285
|
+
/// The font weight of the second largest display text.
|
|
286
|
+
/// @group typography
|
|
144
287
|
$kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
288
|
+
/// The font weight of the third largest display text.
|
|
289
|
+
/// @group typography
|
|
145
290
|
$kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
291
|
+
/// The font weight of the fourth largest display text.
|
|
292
|
+
/// @group typography
|
|
146
293
|
$kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
147
294
|
|
|
295
|
+
/// The letter spacing of the largest display text.
|
|
296
|
+
/// @group typography
|
|
148
297
|
$kendo-display1-letter-spacing: null !default;
|
|
298
|
+
/// The letter spacing of the second largest display text.
|
|
299
|
+
/// @group typography
|
|
149
300
|
$kendo-display2-letter-spacing: null !default;
|
|
301
|
+
/// The letter spacing of the third largest display text.
|
|
302
|
+
/// @group typography
|
|
150
303
|
$kendo-display3-letter-spacing: null !default;
|
|
304
|
+
/// The letter spacing of the fourth largest display text.
|
|
305
|
+
/// @group typography
|
|
151
306
|
$kendo-display4-letter-spacing: null !default;
|
|
152
307
|
|
|
308
|
+
/// The displays Map.
|
|
153
309
|
$kendo-display: (
|
|
154
310
|
1: (
|
|
155
311
|
font-size: $kendo-display1-font-size,
|