@progress/kendo-theme-bootstrap 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 +3 -3
- package/dist/all.scss +207 -4
- package/dist/meta/variables.json +8 -8
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +5 -5
- package/scss/chip/_variables.scss +1 -0
- package/scss/core/border-radii/index.import.scss +23 -1
- package/scss/core/typography/index.import.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 +158 -0
- package/dist/meta/sassdoc-data.json +0 -131072
- package/dist/meta/sassdoc-raw-data.json +0 -60467
|
@@ -1,14 +1,36 @@
|
|
|
1
|
+
/// The global border radius used across the Components.
|
|
2
|
+
/// @group radii
|
|
1
3
|
$kendo-border-radius: $border-radius !default;
|
|
4
|
+
/// The none border radius used across the Components.
|
|
5
|
+
/// @group radii
|
|
6
|
+
$kendo-border-radius-none: k-map-get($kendo-spacing, 0) !default;
|
|
7
|
+
/// The extra small border radius used across the Components.
|
|
8
|
+
/// @group radii
|
|
2
9
|
$kendo-border-radius-xs: k-map-get($kendo-spacing, 0.5) !default;
|
|
10
|
+
/// The small border radius used across the Components.
|
|
11
|
+
/// @group radii
|
|
3
12
|
$kendo-border-radius-sm: $border-radius-sm !default;
|
|
13
|
+
/// The medium border radius used across the Components.
|
|
14
|
+
/// @group radii
|
|
4
15
|
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
16
|
+
/// The large border radius used across the Components.
|
|
17
|
+
/// @group radii
|
|
5
18
|
$kendo-border-radius-lg: $border-radius-lg !default;
|
|
19
|
+
/// The extra large border radius used across the Components.
|
|
20
|
+
/// @group radii
|
|
6
21
|
$kendo-border-radius-xl: k-map-get($kendo-spacing, 3) !default;
|
|
22
|
+
/// The third largest border radius used across the Components.
|
|
23
|
+
/// @group radii
|
|
7
24
|
$kendo-border-radius-xxl: k-map-get($kendo-spacing, 4) !default;
|
|
25
|
+
/// The second largest border radius used across the Components.
|
|
26
|
+
/// @group radii
|
|
8
27
|
$kendo-border-radius-xxxl: k-map-get($kendo-spacing, 8) !default;
|
|
28
|
+
/// The largest border radius used across the Components.
|
|
29
|
+
/// @group radii
|
|
9
30
|
$kendo-border-radius-full: 50rem !default;
|
|
10
31
|
|
|
11
|
-
|
|
32
|
+
/// The global radii Map.
|
|
33
|
+
/// @group radii
|
|
12
34
|
$kendo-border-radii: (
|
|
13
35
|
xs: $kendo-border-radius-xs,
|
|
14
36
|
sm: $kendo-border-radius-sm,
|
|
@@ -22,6 +22,7 @@ $kendo-font-size-xl: ( $kendo-font-size-md * 1.5 ) !default;
|
|
|
22
22
|
/// @group typography
|
|
23
23
|
$kendo-line-height: $line-height-base !default;
|
|
24
24
|
/// The extra small line height across all components.
|
|
25
|
+
/// @group typography
|
|
25
26
|
$kendo-line-height-xs: 1 !default;
|
|
26
27
|
/// The small line height across all components.
|
|
27
28
|
/// @group typography
|
|
@@ -208,7 +208,7 @@ $kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
|
|
|
208
208
|
$kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
209
209
|
/// The font size of the day inside the Scheduler Tooltip.
|
|
210
210
|
/// @group scheduler
|
|
211
|
-
$kendo-scheduler-tooltip-day-font-size: calc( #{$kendo-
|
|
211
|
+
$kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, #{$kendo-font-size-sm} ) * 2 ) !default;
|
|
212
212
|
|
|
213
213
|
/// The max height of the events inside the Scheduler Tooltip.
|
|
214
214
|
/// @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: $gray-200 !default;
|
|
113
|
+
$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-emphasis ), $gray-200) !default;
|
|
114
114
|
/// The background color of the Slider's track selection.
|
|
115
115
|
/// @group slider
|
|
116
116
|
$kendo-slider-selection-bg: $kendo-selected-bg !default;
|
|
@@ -25,7 +25,7 @@ $kendo-tooltip-line-height: var( --kendo-line-height, normal ) !default;
|
|
|
25
25
|
|
|
26
26
|
/// The font size of the Tooltip title.
|
|
27
27
|
/// @group tooltip
|
|
28
|
-
$kendo-tooltip-title-font-size: calc( #{$kendo-
|
|
28
|
+
$kendo-tooltip-title-font-size: calc( var( --kendo-font-size-sm, #{$kendo-font-size-sm} ) * 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,124 @@
|
|
|
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: $h1-font-size !default;
|
|
9
|
+
/// The font size of the second highest level heading.
|
|
10
|
+
/// @group typography
|
|
6
11
|
$kendo-h2-font-size: $h2-font-size !default;
|
|
12
|
+
/// The font size of the third highest level heading.
|
|
13
|
+
/// @group typography
|
|
7
14
|
$kendo-h3-font-size: $h3-font-size !default;
|
|
15
|
+
/// The font size of the fourth highest level heading.
|
|
16
|
+
/// @group typography
|
|
8
17
|
$kendo-h4-font-size: $h4-font-size !default;
|
|
18
|
+
/// The font size of the fifth highest level heading.
|
|
19
|
+
/// @group typography
|
|
9
20
|
$kendo-h5-font-size: $h5-font-size !default;
|
|
21
|
+
/// The font size of the sixth highest level heading.
|
|
22
|
+
/// @group typography
|
|
10
23
|
$kendo-h6-font-size: $h6-font-size !default;
|
|
11
24
|
|
|
25
|
+
/// The font family of the highest level heading.
|
|
26
|
+
/// @group typography
|
|
12
27
|
$kendo-h1-font-family: $headings-font-family !default;
|
|
28
|
+
/// The font family of the second highest level heading.
|
|
29
|
+
/// @group typography
|
|
13
30
|
$kendo-h2-font-family: $headings-font-family !default;
|
|
31
|
+
/// The font family of the third highest level heading.
|
|
32
|
+
/// @group typography
|
|
14
33
|
$kendo-h3-font-family: $headings-font-family !default;
|
|
34
|
+
/// The font family of the fourth highest level heading.
|
|
35
|
+
/// @group typography
|
|
15
36
|
$kendo-h4-font-family: $headings-font-family !default;
|
|
37
|
+
/// The font family of the fifth highest level heading.
|
|
38
|
+
/// @group typography
|
|
16
39
|
$kendo-h5-font-family: $headings-font-family !default;
|
|
40
|
+
/// The font family of the sixth highest level heading.
|
|
41
|
+
/// @group typography
|
|
17
42
|
$kendo-h6-font-family: $headings-font-family !default;
|
|
18
43
|
|
|
44
|
+
/// The line height of the highest level heading.
|
|
45
|
+
/// @group typography
|
|
19
46
|
$kendo-h1-line-height: $headings-line-height !default;
|
|
47
|
+
/// The line height of the second highest level heading.
|
|
48
|
+
/// @group typography
|
|
20
49
|
$kendo-h2-line-height: $headings-line-height !default;
|
|
50
|
+
/// The line height of the third highest level heading.
|
|
51
|
+
/// @group typography
|
|
21
52
|
$kendo-h3-line-height: $headings-line-height !default;
|
|
53
|
+
/// The line height of the fourth highest level heading.
|
|
54
|
+
/// @group typography
|
|
22
55
|
$kendo-h4-line-height: $headings-line-height !default;
|
|
56
|
+
/// The line height of the fifth highest level heading.
|
|
57
|
+
/// @group typography
|
|
23
58
|
$kendo-h5-line-height: $headings-line-height !default;
|
|
59
|
+
/// The line height of the sixth highest level heading.
|
|
60
|
+
/// @group typography
|
|
24
61
|
$kendo-h6-line-height: $headings-line-height !default;
|
|
25
62
|
|
|
63
|
+
/// The font weight of the highest level heading.
|
|
64
|
+
/// @group typography
|
|
26
65
|
$kendo-h1-font-weight: $headings-font-weight !default;
|
|
66
|
+
/// The font weight of the second highest level heading.
|
|
67
|
+
/// @group typography
|
|
27
68
|
$kendo-h2-font-weight: $headings-font-weight !default;
|
|
69
|
+
/// The font weight of the third highest level heading.
|
|
70
|
+
/// @group typography
|
|
28
71
|
$kendo-h3-font-weight: $headings-font-weight !default;
|
|
72
|
+
/// The font weight of the fourth highest level heading.
|
|
73
|
+
/// @group typography
|
|
29
74
|
$kendo-h4-font-weight: $headings-font-weight !default;
|
|
75
|
+
/// The font weight of the fifth highest level heading.
|
|
76
|
+
/// @group typography
|
|
30
77
|
$kendo-h5-font-weight: $headings-font-weight !default;
|
|
78
|
+
/// The font weight of the sixth highest level heading.
|
|
79
|
+
/// @group typography
|
|
31
80
|
$kendo-h6-font-weight: $headings-font-weight !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 $headings-margin-bottom !default;
|
|
104
|
+
/// The margin of the second highest level heading.
|
|
105
|
+
/// @group typography
|
|
41
106
|
$kendo-h2-margin: 0 0 $headings-margin-bottom !default;
|
|
107
|
+
/// The margin of the third highest level heading.
|
|
108
|
+
/// @group typography
|
|
42
109
|
$kendo-h3-margin: 0 0 $headings-margin-bottom !default;
|
|
110
|
+
/// The margin of the fourth highest level heading.
|
|
111
|
+
/// @group typography
|
|
43
112
|
$kendo-h4-margin: 0 0 $headings-margin-bottom !default;
|
|
113
|
+
/// The margin of the fifth highest level heading.
|
|
114
|
+
/// @group typography
|
|
44
115
|
$kendo-h5-margin: 0 0 $headings-margin-bottom !default;
|
|
116
|
+
/// The margin of the sixth highest level heading.
|
|
117
|
+
/// @group typography
|
|
45
118
|
$kendo-h6-margin: 0 0 $headings-margin-bottom !default;
|
|
119
|
+
///
|
|
46
120
|
|
|
121
|
+
/// The headings Map.
|
|
122
|
+
/// @group typography
|
|
47
123
|
$kendo-headings: (
|
|
48
124
|
h1: (
|
|
49
125
|
font-size: $kendo-h1-font-size,
|
|
@@ -98,58 +174,140 @@ $kendo-headings: (
|
|
|
98
174
|
|
|
99
175
|
|
|
100
176
|
// Paragraph
|
|
177
|
+
|
|
178
|
+
/// The margin of the paragraph.
|
|
179
|
+
/// @group typography
|
|
101
180
|
$kendo-paragraph-margin: 0 0 $paragraph-margin-bottom !default;
|
|
181
|
+
/// The font size of the paragraph.
|
|
182
|
+
/// @group typography
|
|
102
183
|
$kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
|
|
184
|
+
/// The font family of the paragraph.
|
|
185
|
+
/// @group typography
|
|
103
186
|
$kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
|
|
187
|
+
/// The line height of the paragraph.
|
|
188
|
+
/// @group typography
|
|
104
189
|
$kendo-paragraph-line-height: var( --kendo-line-height, normal ) !default;
|
|
190
|
+
/// The font weight of the paragraph.
|
|
191
|
+
/// @group typography
|
|
105
192
|
$kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
193
|
+
/// The letter spacing of the paragraph.
|
|
194
|
+
/// @group typography
|
|
106
195
|
$kendo-paragraph-letter-spacing: null !default;
|
|
107
196
|
|
|
108
197
|
|
|
109
198
|
// Code
|
|
199
|
+
|
|
200
|
+
/// The font size of the code tag.
|
|
201
|
+
/// @group typography
|
|
110
202
|
$kendo-code-font-size: var( --kendo-font-size-sm, inherit )!default;
|
|
203
|
+
/// The font family of the code tag.
|
|
204
|
+
/// @group typography
|
|
111
205
|
$kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
|
|
206
|
+
/// The line height of the code tag.
|
|
207
|
+
/// @group typography
|
|
112
208
|
$kendo-code-line-height: var( --kendo-line-height, normal ) !default;
|
|
209
|
+
/// The font weight of the code tag.
|
|
210
|
+
/// @group typography
|
|
113
211
|
$kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
212
|
+
/// The letter spacing of the code tag.
|
|
213
|
+
/// @group typography
|
|
114
214
|
$kendo-code-letter-spacing: null !default;
|
|
115
215
|
|
|
216
|
+
/// The horizontal padding of the code tag.
|
|
217
|
+
/// @group typography
|
|
116
218
|
$kendo-code-padding-x: k-spacing(1) !default;
|
|
219
|
+
/// The vertical padding of the code tag.
|
|
220
|
+
/// @group typography
|
|
117
221
|
$kendo-code-padding-y: k-spacing(0) !default;
|
|
222
|
+
/// The horizontal padding of the preformatted text.
|
|
223
|
+
/// @group typography
|
|
118
224
|
$kendo-pre-padding-x: k-spacing(6) !default;
|
|
225
|
+
/// The vertical padding of the preformatted text.
|
|
226
|
+
/// @group typography
|
|
119
227
|
$kendo-pre-padding-y: k-spacing(4) !default;
|
|
228
|
+
/// The width of the border of the code tag.
|
|
229
|
+
/// @group typography
|
|
120
230
|
$kendo-code-border-width: 1px !default;
|
|
121
231
|
|
|
232
|
+
/// The background color of the code tag.
|
|
233
|
+
/// @group typography
|
|
122
234
|
$kendo-code-bg: $kendo-base-bg !default;
|
|
235
|
+
/// The text color of the code tag.
|
|
236
|
+
/// @group typography
|
|
123
237
|
$kendo-code-text: $kendo-component-text !default;
|
|
238
|
+
/// The border color of the code tag.
|
|
239
|
+
/// @group typography
|
|
124
240
|
$kendo-code-border: $kendo-component-border !default;
|
|
125
241
|
|
|
126
242
|
|
|
127
243
|
// Display
|
|
244
|
+
|
|
245
|
+
/// The font size of the largest display text.
|
|
246
|
+
/// @group typography
|
|
128
247
|
$kendo-display1-font-size: k-map-get( $display-font-sizes, 1) !default;
|
|
248
|
+
/// The font size of the second largest display text.
|
|
249
|
+
/// @group typography
|
|
129
250
|
$kendo-display2-font-size: k-map-get( $display-font-sizes, 2) !default;
|
|
251
|
+
/// The font size of the third largest display text.
|
|
252
|
+
/// @group typography
|
|
130
253
|
$kendo-display3-font-size: k-map-get( $display-font-sizes, 3) !default;
|
|
254
|
+
/// The font size of the fourth largest display text.
|
|
255
|
+
/// @group typography
|
|
131
256
|
$kendo-display4-font-size: k-map-get( $display-font-sizes, 4) !default;
|
|
132
257
|
|
|
258
|
+
/// The font family of the largest display text.
|
|
259
|
+
/// @group typography
|
|
133
260
|
$kendo-display1-font-family: null !default;
|
|
261
|
+
/// The font family of the second largest display text.
|
|
262
|
+
/// @group typography
|
|
134
263
|
$kendo-display2-font-family: null !default;
|
|
264
|
+
/// The font family of the third largest display text.
|
|
265
|
+
/// @group typography
|
|
135
266
|
$kendo-display3-font-family: null !default;
|
|
267
|
+
/// The font family of the fourth largest display text.
|
|
268
|
+
/// @group typography
|
|
136
269
|
$kendo-display4-font-family: null !default;
|
|
137
270
|
|
|
271
|
+
/// The line height of the largest display text.
|
|
272
|
+
/// @group typography
|
|
138
273
|
$kendo-display1-line-height: $display-line-height !default;
|
|
274
|
+
/// The line height of the second largest display text.
|
|
275
|
+
/// @group typography
|
|
139
276
|
$kendo-display2-line-height: $display-line-height !default;
|
|
277
|
+
/// The line height of the third largest display text.
|
|
278
|
+
/// @group typography
|
|
140
279
|
$kendo-display3-line-height: $display-line-height !default;
|
|
280
|
+
/// The line height of the fourth largest display text.
|
|
281
|
+
/// @group typography
|
|
141
282
|
$kendo-display4-line-height: $display-line-height !default;
|
|
142
283
|
|
|
284
|
+
/// The font weight of the largest display text.
|
|
285
|
+
/// @group typography
|
|
143
286
|
$kendo-display1-font-weight: $display-font-weight !default;
|
|
287
|
+
/// The font weight of the second largest display text.
|
|
288
|
+
/// @group typography
|
|
144
289
|
$kendo-display2-font-weight: $display-font-weight !default;
|
|
290
|
+
/// The font weight of the third largest display text.
|
|
291
|
+
/// @group typography
|
|
145
292
|
$kendo-display3-font-weight: $display-font-weight !default;
|
|
293
|
+
/// The font weight of the fourth largest display text.
|
|
294
|
+
/// @group typography
|
|
146
295
|
$kendo-display4-font-weight: $display-font-weight !default;
|
|
147
296
|
|
|
297
|
+
/// The letter spacing of the largest display text.
|
|
298
|
+
/// @group typography
|
|
148
299
|
$kendo-display1-letter-spacing: null !default;
|
|
300
|
+
/// The letter spacing of the second largest display text.
|
|
301
|
+
/// @group typography
|
|
149
302
|
$kendo-display2-letter-spacing: null !default;
|
|
303
|
+
/// The letter spacing of the third largest display text.
|
|
304
|
+
/// @group typography
|
|
150
305
|
$kendo-display3-letter-spacing: null !default;
|
|
306
|
+
/// The letter spacing of the fourth largest display text.
|
|
307
|
+
/// @group typography
|
|
151
308
|
$kendo-display4-letter-spacing: null !default;
|
|
152
309
|
|
|
310
|
+
/// The displays Map
|
|
153
311
|
$kendo-display: (
|
|
154
312
|
1: (
|
|
155
313
|
font-size: $kendo-display1-font-size,
|