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