@progress/kendo-theme-classic 8.0.0-dev.7 → 8.0.0-dev.9
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 +9 -9
- package/dist/all.scss +182 -7
- package/dist/meta/variables.json +8 -8
- 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/scheduler/_variables.scss +1 -1
- package/scss/slider/_variables.scss +1 -1
- package/scss/toolbar/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/typography/_variables.scss +157 -3
- package/dist/meta/sassdoc-data.json +0 -130898
- package/dist/meta/sassdoc-raw-data.json +0 -60392
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "8.0.0-dev.
|
|
4
|
+
"version": "8.0.0-dev.9",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,13 +53,13 @@
|
|
|
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.9",
|
|
57
|
+
"@progress/kendo-theme-default": "8.0.0-dev.9",
|
|
58
|
+
"@progress/kendo-theme-utils": "8.0.0-dev.9"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "99bbca3665e8949ba5a7725b0d4c3f51a3713835"
|
|
65
65
|
}
|
|
@@ -210,7 +210,7 @@ $kendo-scheduler-tooltip-title-margin-y: k-spacing(1) !default;
|
|
|
210
210
|
$kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
211
211
|
/// The font size of the day inside the Scheduler Tooltip.
|
|
212
212
|
/// @group scheduler
|
|
213
|
-
$kendo-scheduler-tooltip-day-font-size: calc(
|
|
213
|
+
$kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 2 ) !default;
|
|
214
214
|
|
|
215
215
|
/// The max height of the events inside the Scheduler Tooltip.
|
|
216
216
|
/// @group scheduler
|
|
@@ -110,7 +110,7 @@ $kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !def
|
|
|
110
110
|
|
|
111
111
|
/// The background color of the Slider track.
|
|
112
112
|
/// @group slider
|
|
113
|
-
$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-component-bg, 1 )) !default;
|
|
113
|
+
$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-emphasis ), k-try-shade( $kendo-component-bg, 1 )) !default;
|
|
114
114
|
/// The background color of the Slider's track selection.
|
|
115
115
|
/// @group slider
|
|
116
116
|
$kendo-slider-selection-bg: $kendo-color-primary !default;
|
|
@@ -58,7 +58,7 @@ $kendo-toolbar-line-height: var( --kendo-line-height, normal ) !default;
|
|
|
58
58
|
|
|
59
59
|
/// The background color of the Toolbar.
|
|
60
60
|
/// @group toolbar
|
|
61
|
-
$kendo-toolbar-bg: $kendo-button-bg !default;
|
|
61
|
+
$kendo-toolbar-bg: if($kendo-enable-color-system, k-color( surface ), $kendo-button-bg) !default;
|
|
62
62
|
/// The text color of the Toolbar.
|
|
63
63
|
/// @group toolbar
|
|
64
64
|
$kendo-toolbar-text: $kendo-button-text !default;
|
|
@@ -25,7 +25,7 @@ $kendo-tooltip-line-height: 1.25 !default;
|
|
|
25
25
|
|
|
26
26
|
/// The font size of the Tooltip title.
|
|
27
27
|
/// @group tooltip
|
|
28
|
-
$kendo-tooltip-title-font-size: calc(
|
|
28
|
+
$kendo-tooltip-title-font-size: calc( var( --kendo-font-size, .875rem ) * 1.25 ) !default;
|
|
29
29
|
/// The line height of the Tooltip title.
|
|
30
30
|
/// @group tooltip
|
|
31
31
|
$kendo-tooltip-title-line-height: 1 !default;
|
|
@@ -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,
|
|
@@ -96,60 +171,139 @@ $kendo-headings: (
|
|
|
96
171
|
),
|
|
97
172
|
) !default;
|
|
98
173
|
|
|
99
|
-
|
|
100
174
|
// Paragraph
|
|
175
|
+
|
|
176
|
+
/// The margin of the paragraph.
|
|
177
|
+
/// @group typography
|
|
101
178
|
$kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
179
|
+
/// The font size of the paragraph.
|
|
180
|
+
/// @group typography
|
|
102
181
|
$kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
|
|
182
|
+
/// The font family of the paragraph.
|
|
183
|
+
/// @group typography
|
|
103
184
|
$kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
|
|
185
|
+
/// The line height of the paragraph.
|
|
186
|
+
/// @group typography
|
|
104
187
|
$kendo-paragraph-line-height: 20px !default;
|
|
188
|
+
/// The font weight of the paragraph.
|
|
189
|
+
/// @group typography
|
|
105
190
|
$kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
191
|
+
/// The letter spacing of the paragraph.
|
|
192
|
+
/// @group typography
|
|
106
193
|
$kendo-paragraph-letter-spacing: null !default;
|
|
107
194
|
|
|
108
|
-
|
|
109
195
|
// Code
|
|
196
|
+
|
|
197
|
+
/// The font size of the code tag.
|
|
198
|
+
/// @group typography
|
|
110
199
|
$kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
|
|
200
|
+
/// The font family of the code tag.
|
|
201
|
+
/// @group typography
|
|
111
202
|
$kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
|
|
203
|
+
/// The line height of the code tag.
|
|
204
|
+
/// @group typography
|
|
112
205
|
$kendo-code-line-height: 20px !default;
|
|
206
|
+
/// The font weight of the code tag.
|
|
207
|
+
/// @group typography
|
|
113
208
|
$kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
209
|
+
/// The letter spacing of the code tag.
|
|
210
|
+
/// @group typography
|
|
114
211
|
$kendo-code-letter-spacing: null !default;
|
|
115
212
|
|
|
213
|
+
/// The horizontal padding of the code tag.
|
|
214
|
+
/// @group typography
|
|
116
215
|
$kendo-code-padding-x: k-spacing(1) !default;
|
|
216
|
+
/// The vertical padding of the code tag.
|
|
217
|
+
/// @group typography
|
|
117
218
|
$kendo-code-padding-y: k-spacing(0) !default;
|
|
219
|
+
/// The horizontal padding of the preformatted text.
|
|
220
|
+
/// @group typography
|
|
118
221
|
$kendo-pre-padding-x: k-spacing(6) !default;
|
|
222
|
+
/// The vertical padding of the preformatted text.
|
|
223
|
+
/// @group typography
|
|
119
224
|
$kendo-pre-padding-y: k-spacing(4) !default;
|
|
225
|
+
/// The width of the border of the code tag.
|
|
226
|
+
/// @group typography
|
|
120
227
|
$kendo-code-border-width: 1px !default;
|
|
121
228
|
|
|
229
|
+
/// The background color of the code tag.
|
|
230
|
+
/// @group typography
|
|
122
231
|
$kendo-code-bg: $kendo-base-bg !default;
|
|
232
|
+
/// The text color of the code tag.
|
|
233
|
+
/// @group typography
|
|
123
234
|
$kendo-code-text: $kendo-component-text !default;
|
|
235
|
+
/// The border color of the code tag.
|
|
236
|
+
/// @group typography
|
|
124
237
|
$kendo-code-border: $kendo-component-border !default;
|
|
125
238
|
|
|
126
|
-
|
|
127
239
|
// Display
|
|
240
|
+
/// The font size of the largest display text.
|
|
241
|
+
/// @group typography
|
|
128
242
|
$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
|
|
243
|
+
/// The font size of the second largest display text.
|
|
244
|
+
/// @group typography
|
|
129
245
|
$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7 ) !default;
|
|
246
|
+
/// The font size of the third largest display text.
|
|
247
|
+
/// @group typography
|
|
130
248
|
$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6 ) !default;
|
|
249
|
+
/// The font size of the fourth largest display text.
|
|
250
|
+
/// @group typography
|
|
131
251
|
$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5 ) !default;
|
|
132
252
|
|
|
253
|
+
/// The font family of the largest display text.
|
|
254
|
+
/// @group typography
|
|
133
255
|
$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
256
|
+
/// The font family of the second largest display text.
|
|
257
|
+
/// @group typography
|
|
134
258
|
$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
259
|
+
/// The font family of the third largest display text.
|
|
260
|
+
/// @group typography
|
|
135
261
|
$kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
262
|
+
/// The font family of the fourth largest display text.
|
|
263
|
+
/// @group typography
|
|
136
264
|
$kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
137
265
|
|
|
266
|
+
/// The line height of the largest display text.
|
|
267
|
+
/// @group typography
|
|
138
268
|
$kendo-display1-line-height: 1.2 !default;
|
|
269
|
+
/// The line height of the second largest display text.
|
|
270
|
+
/// @group typography
|
|
139
271
|
$kendo-display2-line-height: 1.2 !default;
|
|
272
|
+
/// The line height of the third largest display text.
|
|
273
|
+
/// @group typography
|
|
140
274
|
$kendo-display3-line-height: 1.2 !default;
|
|
275
|
+
/// The line height of the fourth largest display text.
|
|
276
|
+
/// @group typography
|
|
141
277
|
$kendo-display4-line-height: 1.2 !default;
|
|
142
278
|
|
|
279
|
+
/// The font weight of the largest display text.
|
|
280
|
+
/// @group typography
|
|
143
281
|
$kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
282
|
+
/// The font weight of the second largest display text.
|
|
283
|
+
/// @group typography
|
|
144
284
|
$kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
285
|
+
/// The font weight of the third largest display text.
|
|
286
|
+
/// @group typography
|
|
145
287
|
$kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
288
|
+
/// The font weight of the fourth largest display text.
|
|
289
|
+
/// @group typography
|
|
146
290
|
$kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
147
291
|
|
|
292
|
+
/// The letter spacing of the largest display text.
|
|
293
|
+
/// @group typography
|
|
148
294
|
$kendo-display1-letter-spacing: null !default;
|
|
295
|
+
/// The letter spacing of the second largest display text.
|
|
296
|
+
/// @group typography
|
|
149
297
|
$kendo-display2-letter-spacing: null !default;
|
|
298
|
+
/// The letter spacing of the third largest display text.
|
|
299
|
+
/// @group typography
|
|
150
300
|
$kendo-display3-letter-spacing: null !default;
|
|
301
|
+
/// The letter spacing of the fourth largest display text.
|
|
302
|
+
/// @group typography
|
|
151
303
|
$kendo-display4-letter-spacing: null !default;
|
|
152
304
|
|
|
305
|
+
/// The displays Map
|
|
306
|
+
/// @group typography
|
|
153
307
|
$kendo-display: (
|
|
154
308
|
1: (
|
|
155
309
|
font-size: $kendo-display1-font-size,
|