@progress/kendo-theme-classic 11.1.0-dev.3 → 11.1.0-dev.5
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/meta/sassdoc-data.json +6057 -11397
- package/dist/meta/sassdoc-raw-data.json +3139 -5614
- package/dist/meta/variables.json +14 -422
- 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 +4 -4
- package/scss/badge/_variables.scss +0 -6
- package/scss/button/_variables.scss +0 -16
- package/scss/calendar/_variables.scss +2 -23
- package/scss/card/_variables.scss +1 -1
- package/scss/chat/_variables.scss +0 -4
- package/scss/checkbox/_variables.scss +0 -4
- package/scss/chip/_variables.scss +2 -18
- package/scss/coloreditor/_variables.scss +0 -12
- package/scss/fab/_variables.scss +0 -4
- package/scss/filemanager/_variables.scss +0 -12
- package/scss/forms/_variables.scss +0 -47
- package/scss/grid/_variables.scss +0 -34
- package/scss/input/_variables.scss +4 -27
- package/scss/listbox/_variables.scss +1 -14
- package/scss/map/_variables.scss +0 -17
- package/scss/mediaplayer/_variables.scss +0 -8
- package/scss/menu/_variables.scss +0 -8
- package/scss/orgchart/_variables.scss +0 -12
- package/scss/pager/_variables.scss +0 -67
- package/scss/panelbar/_variables.scss +0 -8
- package/scss/popover/_variables.scss +0 -4
- package/scss/popup/_variables.scss +0 -8
- package/scss/progressbar/_variables.scss +0 -9
- package/scss/radio/_variables.scss +0 -4
- package/scss/scheduler/_variables.scss +0 -9
- package/scss/scrollview/_variables.scss +0 -4
- package/scss/slider/_variables.scss +1 -22
- package/scss/table/_variables.scss +0 -8
- package/scss/taskboard/_variables.scss +0 -4
- package/scss/timeline/_variables.scss +0 -5
- package/scss/toolbar/_variables.scss +0 -16
- package/scss/typography/_variables.scss +77 -77
|
@@ -5,9 +5,6 @@
|
|
|
5
5
|
/// The default size of the Slider.
|
|
6
6
|
/// @group slider
|
|
7
7
|
$kendo-slider-size: 200px !default;
|
|
8
|
-
/// The default size of the Slider tick.
|
|
9
|
-
/// @group slider
|
|
10
|
-
$kendo-slider-tick-size: null !default;
|
|
11
8
|
/// The default size of the Slider's track wrap.
|
|
12
9
|
/// @group slider
|
|
13
10
|
$kendo-slider-alt-size: 30px !default;
|
|
@@ -28,12 +25,6 @@ $kendo-slider-button-offset: 10px !default;
|
|
|
28
25
|
/// The size of the Slider Buttons.
|
|
29
26
|
/// @group slider
|
|
30
27
|
$kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
|
|
31
|
-
/// The spacing of the Slider Buttons.
|
|
32
|
-
/// @group slider
|
|
33
|
-
$kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
|
|
34
|
-
/// The shadow of the focused Slider Buttons.
|
|
35
|
-
/// @group slider
|
|
36
|
-
$kendo-slider-button-focus-shadow: null !default;
|
|
37
28
|
|
|
38
29
|
/// The thickness of the Slider track.
|
|
39
30
|
/// @group slider
|
|
@@ -47,9 +38,6 @@ $kendo-slider-draghandle-border-width: 1px !default;
|
|
|
47
38
|
/// The transition scale of the active Slider drag handle.
|
|
48
39
|
/// @group slider
|
|
49
40
|
$kendo-slider-draghandle-active-scale: 1 !default;
|
|
50
|
-
/// The size of the active Slider drag handle.
|
|
51
|
-
/// @group slider
|
|
52
|
-
$kendo-slider-draghandle-active-size: null !default;
|
|
53
41
|
|
|
54
42
|
/// The background color of the Slider drag handle.
|
|
55
43
|
/// @group slider
|
|
@@ -127,26 +115,18 @@ $kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4
|
|
|
127
115
|
/// @group slider
|
|
128
116
|
$kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
|
|
129
117
|
|
|
130
|
-
/// The background color of the Slider tick marker.
|
|
131
|
-
/// @group slider
|
|
132
|
-
$kendo-slider-tick-marker-bg: null !default;
|
|
133
|
-
|
|
134
118
|
@forward "@progress/kendo-theme-core/scss/components/slider/_variables.scss" with (
|
|
135
119
|
$kendo-slider-size: $kendo-slider-size,
|
|
136
|
-
$kendo-slider-tick-size: $kendo-slider-tick-size,
|
|
137
120
|
$kendo-slider-alt-size: $kendo-slider-alt-size,
|
|
138
121
|
$kendo-slider-font-family: $kendo-slider-font-family,
|
|
139
122
|
$kendo-slider-font-size: $kendo-slider-font-size,
|
|
140
123
|
$kendo-slider-line-height: $kendo-slider-line-height,
|
|
141
124
|
$kendo-slider-button-offset: $kendo-slider-button-offset,
|
|
142
125
|
$kendo-slider-button-size: $kendo-slider-button-size,
|
|
143
|
-
$kendo-slider-button-spacing: $kendo-slider-button-spacing,
|
|
144
|
-
$kendo-slider-button-focus-shadow: $kendo-slider-button-focus-shadow,
|
|
145
126
|
$kendo-slider-track-thickness: $kendo-slider-track-thickness,
|
|
146
127
|
$kendo-slider-draghandle-size: $kendo-slider-draghandle-size,
|
|
147
128
|
$kendo-slider-draghandle-border-width: $kendo-slider-draghandle-border-width,
|
|
148
129
|
$kendo-slider-draghandle-active-scale: $kendo-slider-draghandle-active-scale,
|
|
149
|
-
$kendo-slider-draghandle-active-size: $kendo-slider-draghandle-active-size,
|
|
150
130
|
$kendo-slider-draghandle-bg: $kendo-slider-draghandle-bg,
|
|
151
131
|
$kendo-slider-draghandle-text: $kendo-slider-draghandle-text,
|
|
152
132
|
$kendo-slider-draghandle-border: $kendo-slider-draghandle-border,
|
|
@@ -169,6 +149,5 @@ $kendo-slider-tick-marker-bg: null !default;
|
|
|
169
149
|
$kendo-slider-selection-bg: $kendo-slider-selection-bg,
|
|
170
150
|
$kendo-slider-disabled-opacity: $kendo-slider-disabled-opacity,
|
|
171
151
|
$kendo-slider-tick-horizontal-image: $kendo-slider-tick-horizontal-image,
|
|
172
|
-
$kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
|
|
173
|
-
$kendo-slider-tick-marker-bg: $kendo-slider-tick-marker-bg
|
|
152
|
+
$kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
|
|
174
153
|
);
|
|
@@ -160,15 +160,9 @@ $kendo-table-selected-border: null !default;
|
|
|
160
160
|
/// Background color of highlighted rows in table.
|
|
161
161
|
/// @group table
|
|
162
162
|
$kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 25%, transparent) !default;
|
|
163
|
-
/// Text color of highlighted rows in table.
|
|
164
|
-
/// @group table
|
|
165
|
-
$kendo-table-highlighted-text: null !default;
|
|
166
163
|
/// The font weight of highlighted rows in table.
|
|
167
164
|
/// @group table
|
|
168
165
|
$kendo-table-highlighted-font-weight: var( --kendo-font-weight-bold, bold ) !default;
|
|
169
|
-
/// Border color of highlighted rows in table.
|
|
170
|
-
/// @group table
|
|
171
|
-
$kendo-table-highlighted-border: null !default;
|
|
172
166
|
|
|
173
167
|
/// Background color of selected highlighted rows in table.
|
|
174
168
|
/// @group table
|
|
@@ -221,9 +215,7 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
|
|
|
221
215
|
$kendo-table-selected-text: $kendo-table-selected-text,
|
|
222
216
|
$kendo-table-selected-border: $kendo-table-selected-border,
|
|
223
217
|
$kendo-table-highlighted-bg: $kendo-table-highlighted-bg,
|
|
224
|
-
$kendo-table-highlighted-text: $kendo-table-highlighted-text,
|
|
225
218
|
$kendo-table-highlighted-font-weight: $kendo-table-highlighted-font-weight,
|
|
226
|
-
$kendo-table-highlighted-border: $kendo-table-highlighted-border,
|
|
227
219
|
$kendo-table-selected-highlighted-bg: $kendo-table-selected-highlighted-bg,
|
|
228
220
|
$kendo-table-cell-row-span-shadow: $kendo-table-cell-row-span-shadow
|
|
229
221
|
);
|
|
@@ -54,9 +54,6 @@ $kendo-taskboard-toolbar-gradient: null !default;
|
|
|
54
54
|
/// The vertical padding of the TaskBoard content.
|
|
55
55
|
/// @group taskboard
|
|
56
56
|
$kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
|
|
57
|
-
/// The horizontal padding of the TaskBoard content.
|
|
58
|
-
/// @group taskboard
|
|
59
|
-
$kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
|
|
60
57
|
|
|
61
58
|
/// The vertical spacing of the TaskBoard column container.
|
|
62
59
|
/// @group taskboard
|
|
@@ -267,7 +264,6 @@ $kendo-taskboard-drag-placeholder-border: k-color(border) !default;
|
|
|
267
264
|
$kendo-taskboard-toolbar-border: $kendo-taskboard-toolbar-border,
|
|
268
265
|
$kendo-taskboard-toolbar-gradient: $kendo-taskboard-toolbar-gradient,
|
|
269
266
|
$kendo-taskboard-content-padding-y: $kendo-taskboard-content-padding-y,
|
|
270
|
-
$kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-x,
|
|
271
267
|
$kendo-taskboard-column-container-spacing-y: $kendo-taskboard-column-container-spacing-y,
|
|
272
268
|
$kendo-taskboard-column-container-padding-y: $kendo-taskboard-column-container-padding-y,
|
|
273
269
|
$kendo-taskboard-column-container-padding-x: $kendo-taskboard-column-container-padding-x,
|
|
@@ -157,10 +157,6 @@ $kendo-timeline-circle-height: 16px !default;
|
|
|
157
157
|
/// @group timeline
|
|
158
158
|
$kendo-timeline-circle-bg: k-color(primary) !default;
|
|
159
159
|
|
|
160
|
-
/// The horizontal padding of the Timeline collapse arrow.
|
|
161
|
-
/// @group timeline
|
|
162
|
-
$kendo-timeline-collapse-arrow-padding-x: k-spacing(2) !default;
|
|
163
|
-
|
|
164
160
|
/// The width of the Timeline event.
|
|
165
161
|
/// @group timeline
|
|
166
162
|
$kendo-timeline-event-width: 400px !default;
|
|
@@ -219,7 +215,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
|
|
|
219
215
|
$kendo-timeline-circle-width: $kendo-timeline-circle-width,
|
|
220
216
|
$kendo-timeline-circle-height: $kendo-timeline-circle-height,
|
|
221
217
|
$kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
|
|
222
|
-
$kendo-timeline-collapse-arrow-padding-x: $kendo-timeline-collapse-arrow-padding-x,
|
|
223
218
|
$kendo-timeline-event-width: $kendo-timeline-event-width,
|
|
224
219
|
$kendo-timeline-event-height: $kendo-timeline-event-height,
|
|
225
220
|
$kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc
|
|
@@ -59,9 +59,6 @@ $kendo-toolbar-lg-separator-height: $kendo-button-lg-calc-size !default;
|
|
|
59
59
|
/// The width of the border around the Toolbar.
|
|
60
60
|
/// @group toolbar
|
|
61
61
|
$kendo-toolbar-border-width: 1px !default;
|
|
62
|
-
/// The border radius of the Toolbar.
|
|
63
|
-
/// @group toolbar
|
|
64
|
-
$kendo-toolbar-border-radius: null !default;
|
|
65
62
|
|
|
66
63
|
/// The font family of the Toolbar.
|
|
67
64
|
/// @group toolbar
|
|
@@ -99,9 +96,6 @@ $kendo-toolbar-outline-text: $kendo-button-text !default;
|
|
|
99
96
|
/// The color of the border around the outline Toolbar.
|
|
100
97
|
/// @group toolbar
|
|
101
98
|
$kendo-toolbar-outline-border: color-mix(in srgb, k-color(on-base) 50%, transparent) !default;
|
|
102
|
-
/// The gradient of the outline Toolbar.
|
|
103
|
-
/// @group toolbar
|
|
104
|
-
$kendo-toolbar-outline-gradient: null !default;
|
|
105
99
|
/// The box shadow of the outline Toolbar.
|
|
106
100
|
/// @group toolbar
|
|
107
101
|
$kendo-toolbar-outline-shadow: null !default;
|
|
@@ -119,15 +113,9 @@ $kendo-toolbar-flat-text: null !default;
|
|
|
119
113
|
/// The color of the border around the flat Toolbar.
|
|
120
114
|
/// @group toolbar
|
|
121
115
|
$kendo-toolbar-flat-border: $kendo-toolbar-border !default;
|
|
122
|
-
/// The gradient of the flat Toolbar.
|
|
123
|
-
/// @group toolbar
|
|
124
|
-
$kendo-toolbar-flat-gradient: null !default;
|
|
125
116
|
/// The box shadow of the flat Toolbar.
|
|
126
117
|
/// @group toolbar
|
|
127
118
|
$kendo-toolbar-flat-shadow: null !default;
|
|
128
|
-
/// Border width of the flat Toolbar.
|
|
129
|
-
/// @group toolbar
|
|
130
|
-
$kendo-toolbar-flat-border-width: 1px !default;
|
|
131
119
|
/// The left and right scroll overlay of the flat Toolbar.
|
|
132
120
|
/// @group toolbar
|
|
133
121
|
$kendo-toolbar-flat-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
|
|
@@ -197,7 +185,6 @@ $kendo-toolbar-sizes: (
|
|
|
197
185
|
$kendo-toolbar-lg-spacing: $kendo-toolbar-lg-spacing,
|
|
198
186
|
$kendo-toolbar-separator-height: $kendo-toolbar-separator-height,
|
|
199
187
|
$kendo-toolbar-border-width: $kendo-toolbar-border-width,
|
|
200
|
-
$kendo-toolbar-border-radius: $kendo-toolbar-border-radius,
|
|
201
188
|
$kendo-toolbar-font-family: $kendo-toolbar-font-family,
|
|
202
189
|
$kendo-toolbar-font-size: $kendo-toolbar-font-size,
|
|
203
190
|
$kendo-toolbar-line-height: $kendo-toolbar-line-height,
|
|
@@ -208,14 +195,11 @@ $kendo-toolbar-sizes: (
|
|
|
208
195
|
$kendo-toolbar-shadow: $kendo-toolbar-shadow,
|
|
209
196
|
$kendo-toolbar-outline-text: $kendo-toolbar-outline-text,
|
|
210
197
|
$kendo-toolbar-outline-border: $kendo-toolbar-outline-border,
|
|
211
|
-
$kendo-toolbar-outline-gradient: $kendo-toolbar-outline-gradient,
|
|
212
198
|
$kendo-toolbar-outline-shadow: $kendo-toolbar-outline-shadow,
|
|
213
199
|
$kendo-toolbar-outline-border-width: $kendo-toolbar-outline-border-width,
|
|
214
200
|
$kendo-toolbar-flat-text: $kendo-toolbar-flat-text,
|
|
215
201
|
$kendo-toolbar-flat-border: $kendo-toolbar-flat-border,
|
|
216
|
-
$kendo-toolbar-flat-gradient: $kendo-toolbar-flat-gradient,
|
|
217
202
|
$kendo-toolbar-flat-shadow: $kendo-toolbar-flat-shadow,
|
|
218
|
-
$kendo-toolbar-flat-border-width: $kendo-toolbar-flat-border-width,
|
|
219
203
|
$kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
|
|
220
204
|
$kendo-toolbar-input-width: $kendo-toolbar-input-width,
|
|
221
205
|
$kendo-toolbar-item-shadow: $kendo-toolbar-item-shadow,
|
|
@@ -5,121 +5,121 @@
|
|
|
5
5
|
// Headings
|
|
6
6
|
|
|
7
7
|
/// The font size of the highest level heading.
|
|
8
|
-
/// @group typography
|
|
8
|
+
/// @group typography-component
|
|
9
9
|
$kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
|
|
10
10
|
/// The font size of the second highest level heading.
|
|
11
|
-
/// @group typography
|
|
11
|
+
/// @group typography-component
|
|
12
12
|
$kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
|
|
13
13
|
/// The font size of the third highest level heading.
|
|
14
|
-
/// @group typography
|
|
14
|
+
/// @group typography-component
|
|
15
15
|
$kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
|
|
16
16
|
/// The font size of the fourth highest level heading.
|
|
17
|
-
/// @group typography
|
|
17
|
+
/// @group typography-component
|
|
18
18
|
$kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
|
|
19
19
|
/// The font size of the fifth highest level heading.
|
|
20
|
-
/// @group typography
|
|
20
|
+
/// @group typography-component
|
|
21
21
|
$kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
|
|
22
22
|
/// The font size of the sixth highest level heading.
|
|
23
|
-
/// @group typography
|
|
23
|
+
/// @group typography-component
|
|
24
24
|
$kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
|
|
25
25
|
|
|
26
26
|
/// The font family of the highest level heading.
|
|
27
|
-
/// @group typography
|
|
27
|
+
/// @group typography-component
|
|
28
28
|
$kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
29
29
|
/// The font family of the second highest level heading.
|
|
30
|
-
/// @group typography
|
|
30
|
+
/// @group typography-component
|
|
31
31
|
$kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
32
32
|
/// The font family of the third highest level heading.
|
|
33
|
-
/// @group typography
|
|
33
|
+
/// @group typography-component
|
|
34
34
|
$kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
35
35
|
/// The font family of the fourth highest level heading.
|
|
36
|
-
/// @group typography
|
|
36
|
+
/// @group typography-component
|
|
37
37
|
$kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
38
38
|
/// The font family of the fifth highest level heading.
|
|
39
|
-
/// @group typography
|
|
39
|
+
/// @group typography-component
|
|
40
40
|
$kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
|
|
41
41
|
/// The font family of the sixth highest level heading.
|
|
42
|
-
/// @group typography
|
|
42
|
+
/// @group typography-component
|
|
43
43
|
$kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
|
|
44
44
|
|
|
45
45
|
/// The line height of the highest level heading.
|
|
46
|
-
/// @group typography
|
|
46
|
+
/// @group typography-component
|
|
47
47
|
$kendo-h1-line-height: 74px !default;
|
|
48
48
|
/// The line height of the second highest level heading.
|
|
49
|
-
/// @group typography
|
|
49
|
+
/// @group typography-component
|
|
50
50
|
$kendo-h2-line-height: 56px !default;
|
|
51
51
|
/// The line height of the third highest level heading.
|
|
52
|
-
/// @group typography
|
|
52
|
+
/// @group typography-component
|
|
53
53
|
$kendo-h3-line-height: 42px !default;
|
|
54
54
|
/// The line height of the fourth highest level heading.
|
|
55
|
-
/// @group typography
|
|
55
|
+
/// @group typography-component
|
|
56
56
|
$kendo-h4-line-height: 40px !default;
|
|
57
57
|
/// The line height of the fifth highest level heading.
|
|
58
|
-
/// @group typography
|
|
58
|
+
/// @group typography-component
|
|
59
59
|
$kendo-h5-line-height: 28px !default;
|
|
60
60
|
/// The line height of the sixth highest level heading.
|
|
61
|
-
/// @group typography
|
|
61
|
+
/// @group typography-component
|
|
62
62
|
$kendo-h6-line-height: 20px !default;
|
|
63
63
|
|
|
64
64
|
/// The font weight of the highest level heading.
|
|
65
|
-
/// @group typography
|
|
65
|
+
/// @group typography-component
|
|
66
66
|
$kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
67
67
|
/// The font weight of the second highest level heading.
|
|
68
|
-
/// @group typography
|
|
68
|
+
/// @group typography-component
|
|
69
69
|
$kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
70
70
|
/// The font weight of the third highest level heading.
|
|
71
|
-
/// @group typography
|
|
71
|
+
/// @group typography-component
|
|
72
72
|
$kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
73
73
|
/// The font weight of the fourth highest level heading.
|
|
74
|
-
/// @group typography
|
|
74
|
+
/// @group typography-component
|
|
75
75
|
$kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
76
76
|
/// The font weight of the fifth highest level heading.
|
|
77
|
-
/// @group typography
|
|
77
|
+
/// @group typography-component
|
|
78
78
|
$kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
79
79
|
/// The font weight of the sixth highest level heading.
|
|
80
|
-
/// @group typography
|
|
80
|
+
/// @group typography-component
|
|
81
81
|
$kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
82
82
|
|
|
83
83
|
/// The letter spacing of the highest level heading.
|
|
84
|
-
/// @group typography
|
|
84
|
+
/// @group typography-component
|
|
85
85
|
$kendo-h1-letter-spacing: null !default;
|
|
86
86
|
/// The letter spacing of the second highest level heading.
|
|
87
|
-
/// @group typography
|
|
87
|
+
/// @group typography-component
|
|
88
88
|
$kendo-h2-letter-spacing: null !default;
|
|
89
89
|
/// The letter spacing of the third highest level heading.
|
|
90
|
-
/// @group typography
|
|
90
|
+
/// @group typography-component
|
|
91
91
|
$kendo-h3-letter-spacing: null !default;
|
|
92
92
|
/// The letter spacing of the fourth highest level heading.
|
|
93
|
-
/// @group typography
|
|
93
|
+
/// @group typography-component
|
|
94
94
|
$kendo-h4-letter-spacing: null !default;
|
|
95
95
|
/// The letter spacing of the fifth highest level heading.
|
|
96
|
-
/// @group typography
|
|
96
|
+
/// @group typography-component
|
|
97
97
|
$kendo-h5-letter-spacing: null !default;
|
|
98
98
|
/// The letter spacing of the sixth highest level heading.
|
|
99
|
-
/// @group typography
|
|
99
|
+
/// @group typography-component
|
|
100
100
|
$kendo-h6-letter-spacing: null !default;
|
|
101
101
|
|
|
102
102
|
/// The margin of the highest level heading.
|
|
103
|
-
/// @group typography
|
|
103
|
+
/// @group typography-component
|
|
104
104
|
$kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
105
105
|
/// The margin of the second highest level heading.
|
|
106
|
-
/// @group typography
|
|
106
|
+
/// @group typography-component
|
|
107
107
|
$kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
108
108
|
/// The margin of the third highest level heading.
|
|
109
|
-
/// @group typography
|
|
109
|
+
/// @group typography-component
|
|
110
110
|
$kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
111
111
|
/// The margin of the fourth highest level heading.
|
|
112
|
-
/// @group typography
|
|
112
|
+
/// @group typography-component
|
|
113
113
|
$kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
114
114
|
/// The margin of the fifth highest level heading.
|
|
115
|
-
/// @group typography
|
|
115
|
+
/// @group typography-component
|
|
116
116
|
$kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
117
117
|
/// The margin of the sixth highest level heading.
|
|
118
|
-
/// @group typography
|
|
118
|
+
/// @group typography-component
|
|
119
119
|
$kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
120
120
|
|
|
121
121
|
/// The headings Map
|
|
122
|
-
/// @group typography
|
|
122
|
+
/// @group typography-component
|
|
123
123
|
$kendo-headings: (
|
|
124
124
|
h1: (
|
|
125
125
|
font-size: $kendo-h1-font-size,
|
|
@@ -174,136 +174,136 @@ $kendo-headings: (
|
|
|
174
174
|
// Paragraph
|
|
175
175
|
|
|
176
176
|
/// The margin of the paragraph.
|
|
177
|
-
/// @group typography
|
|
177
|
+
/// @group typography-component
|
|
178
178
|
$kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
179
179
|
/// The font size of the paragraph.
|
|
180
|
-
/// @group typography
|
|
180
|
+
/// @group typography-component
|
|
181
181
|
$kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
|
|
182
182
|
/// The font family of the paragraph.
|
|
183
|
-
/// @group typography
|
|
183
|
+
/// @group typography-component
|
|
184
184
|
$kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
|
|
185
185
|
/// The line height of the paragraph.
|
|
186
|
-
/// @group typography
|
|
186
|
+
/// @group typography-component
|
|
187
187
|
$kendo-paragraph-line-height: 20px !default;
|
|
188
188
|
/// The font weight of the paragraph.
|
|
189
|
-
/// @group typography
|
|
189
|
+
/// @group typography-component
|
|
190
190
|
$kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
191
191
|
/// The letter spacing of the paragraph.
|
|
192
|
-
/// @group typography
|
|
192
|
+
/// @group typography-component
|
|
193
193
|
$kendo-paragraph-letter-spacing: null !default;
|
|
194
194
|
|
|
195
195
|
// Code
|
|
196
196
|
|
|
197
197
|
/// The font size of the code tag.
|
|
198
|
-
/// @group typography
|
|
198
|
+
/// @group typography-component
|
|
199
199
|
$kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
|
|
200
200
|
/// The font family of the code tag.
|
|
201
|
-
/// @group typography
|
|
201
|
+
/// @group typography-component
|
|
202
202
|
$kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
|
|
203
203
|
/// The line height of the code tag.
|
|
204
|
-
/// @group typography
|
|
204
|
+
/// @group typography-component
|
|
205
205
|
$kendo-code-line-height: 20px !default;
|
|
206
206
|
/// The font weight of the code tag.
|
|
207
|
-
/// @group typography
|
|
207
|
+
/// @group typography-component
|
|
208
208
|
$kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
209
209
|
/// The letter spacing of the code tag.
|
|
210
|
-
/// @group typography
|
|
210
|
+
/// @group typography-component
|
|
211
211
|
$kendo-code-letter-spacing: null !default;
|
|
212
212
|
|
|
213
213
|
/// The horizontal padding of the code tag.
|
|
214
|
-
/// @group typography
|
|
214
|
+
/// @group typography-component
|
|
215
215
|
$kendo-code-padding-x: k-spacing(1) !default;
|
|
216
216
|
/// The vertical padding of the code tag.
|
|
217
|
-
/// @group typography
|
|
217
|
+
/// @group typography-component
|
|
218
218
|
$kendo-code-padding-y: k-spacing(0) !default;
|
|
219
219
|
/// The horizontal padding of the preformatted text.
|
|
220
|
-
/// @group typography
|
|
220
|
+
/// @group typography-component
|
|
221
221
|
$kendo-pre-padding-x: k-spacing(6) !default;
|
|
222
222
|
/// The vertical padding of the preformatted text.
|
|
223
|
-
/// @group typography
|
|
223
|
+
/// @group typography-component
|
|
224
224
|
$kendo-pre-padding-y: k-spacing(4) !default;
|
|
225
225
|
/// The width of the border of the code tag.
|
|
226
|
-
/// @group typography
|
|
226
|
+
/// @group typography-component
|
|
227
227
|
$kendo-code-border-width: 1px !default;
|
|
228
228
|
|
|
229
229
|
/// The background color of the code tag.
|
|
230
|
-
/// @group typography
|
|
230
|
+
/// @group typography-component
|
|
231
231
|
$kendo-code-bg: k-color(surface) !default;
|
|
232
232
|
/// The text color of the code tag.
|
|
233
|
-
/// @group typography
|
|
233
|
+
/// @group typography-component
|
|
234
234
|
$kendo-code-text: k-color(on-app-surface) !default;
|
|
235
235
|
/// The border color of the code tag.
|
|
236
|
-
/// @group typography
|
|
236
|
+
/// @group typography-component
|
|
237
237
|
$kendo-code-border: k-color(border) !default;
|
|
238
238
|
|
|
239
239
|
// Display
|
|
240
240
|
/// The font size of the largest display text.
|
|
241
|
-
/// @group typography
|
|
241
|
+
/// @group typography-component
|
|
242
242
|
$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
|
|
243
243
|
/// The font size of the second largest display text.
|
|
244
|
-
/// @group typography
|
|
244
|
+
/// @group typography-component
|
|
245
245
|
$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7 ) !default;
|
|
246
246
|
/// The font size of the third largest display text.
|
|
247
|
-
/// @group typography
|
|
247
|
+
/// @group typography-component
|
|
248
248
|
$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6 ) !default;
|
|
249
249
|
/// The font size of the fourth largest display text.
|
|
250
|
-
/// @group typography
|
|
250
|
+
/// @group typography-component
|
|
251
251
|
$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5 ) !default;
|
|
252
252
|
|
|
253
253
|
/// The font family of the largest display text.
|
|
254
|
-
/// @group typography
|
|
254
|
+
/// @group typography-component
|
|
255
255
|
$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
256
256
|
/// The font family of the second largest display text.
|
|
257
|
-
/// @group typography
|
|
257
|
+
/// @group typography-component
|
|
258
258
|
$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
259
259
|
/// The font family of the third largest display text.
|
|
260
|
-
/// @group typography
|
|
260
|
+
/// @group typography-component
|
|
261
261
|
$kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
262
262
|
/// The font family of the fourth largest display text.
|
|
263
|
-
/// @group typography
|
|
263
|
+
/// @group typography-component
|
|
264
264
|
$kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
265
265
|
|
|
266
266
|
/// The line height of the largest display text.
|
|
267
|
-
/// @group typography
|
|
267
|
+
/// @group typography-component
|
|
268
268
|
$kendo-display1-line-height: 1.2 !default;
|
|
269
269
|
/// The line height of the second largest display text.
|
|
270
|
-
/// @group typography
|
|
270
|
+
/// @group typography-component
|
|
271
271
|
$kendo-display2-line-height: 1.2 !default;
|
|
272
272
|
/// The line height of the third largest display text.
|
|
273
|
-
/// @group typography
|
|
273
|
+
/// @group typography-component
|
|
274
274
|
$kendo-display3-line-height: 1.2 !default;
|
|
275
275
|
/// The line height of the fourth largest display text.
|
|
276
|
-
/// @group typography
|
|
276
|
+
/// @group typography-component
|
|
277
277
|
$kendo-display4-line-height: 1.2 !default;
|
|
278
278
|
|
|
279
279
|
/// The font weight of the largest display text.
|
|
280
|
-
/// @group typography
|
|
280
|
+
/// @group typography-component
|
|
281
281
|
$kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
282
282
|
/// The font weight of the second largest display text.
|
|
283
|
-
/// @group typography
|
|
283
|
+
/// @group typography-component
|
|
284
284
|
$kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
285
285
|
/// The font weight of the third largest display text.
|
|
286
|
-
/// @group typography
|
|
286
|
+
/// @group typography-component
|
|
287
287
|
$kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
288
288
|
/// The font weight of the fourth largest display text.
|
|
289
|
-
/// @group typography
|
|
289
|
+
/// @group typography-component
|
|
290
290
|
$kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
291
291
|
|
|
292
292
|
/// The letter spacing of the largest display text.
|
|
293
|
-
/// @group typography
|
|
293
|
+
/// @group typography-component
|
|
294
294
|
$kendo-display1-letter-spacing: null !default;
|
|
295
295
|
/// The letter spacing of the second largest display text.
|
|
296
|
-
/// @group typography
|
|
296
|
+
/// @group typography-component
|
|
297
297
|
$kendo-display2-letter-spacing: null !default;
|
|
298
298
|
/// The letter spacing of the third largest display text.
|
|
299
|
-
/// @group typography
|
|
299
|
+
/// @group typography-component
|
|
300
300
|
$kendo-display3-letter-spacing: null !default;
|
|
301
301
|
/// The letter spacing of the fourth largest display text.
|
|
302
|
-
/// @group typography
|
|
302
|
+
/// @group typography-component
|
|
303
303
|
$kendo-display4-letter-spacing: null !default;
|
|
304
304
|
|
|
305
305
|
/// The displays Map
|
|
306
|
-
/// @group typography
|
|
306
|
+
/// @group typography-component
|
|
307
307
|
$kendo-display: (
|
|
308
308
|
1: (
|
|
309
309
|
font-size: $kendo-display1-font-size,
|