@progress/kendo-theme-bootstrap 8.0.0-dev.1 → 8.0.0-dev.10
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 +4492 -1082
- package/dist/all.scss +677 -304
- package/dist/meta/variables.json +287 -283
- 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 +6 -6
- package/scss/calendar/_variables.scss +32 -2
- package/scss/chip/_theme.scss +2 -2
- package/scss/chip/_variables.scss +2 -1
- package/scss/core/border-radii/index.import.scss +23 -1
- package/scss/core/color-system/_palettes.scss +28 -28
- package/scss/core/color-system/_swatch.scss +80 -80
- package/scss/core/typography/index.import.scss +1 -0
- package/scss/dataviz/_variables.scss +1 -1
- package/scss/drawer/_variables.scss +12 -2
- package/scss/forms/_layout.scss +1 -1
- package/scss/progressbar/_variables.scss +2 -2
- package/scss/scheduler/_variables.scss +144 -1
- package/scss/slider/_variables.scss +1 -1
- package/scss/switch/_variables.scss +2 -2
- package/scss/tabstrip/_variables.scss +70 -29
- package/scss/tilelayout/_variables.scss +1 -1
- package/scss/timeline/_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 -125612
- package/dist/meta/sassdoc-raw-data.json +0 -57942
|
@@ -1,116 +1,157 @@
|
|
|
1
|
-
//
|
|
1
|
+
// TabStrip
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
/// The horizontal padding of the TabStrip wrapper.
|
|
5
|
+
/// @group tabstrip
|
|
3
6
|
$kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
|
|
7
|
+
/// The vertical padding of the TabStrip wrapper.
|
|
8
|
+
/// @group tabstrip
|
|
4
9
|
$kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
|
|
10
|
+
/// The border width around the TabStrip wrapper.
|
|
11
|
+
/// @group tabstrip
|
|
5
12
|
$kendo-tabstrip-wrapper-border-width: 0px !default;
|
|
6
13
|
|
|
14
|
+
/// The font family of the TabStrip.
|
|
15
|
+
/// @group tabstrip
|
|
7
16
|
$kendo-tabstrip-font-family: var( --kendo-font-family, inherit ) !default;
|
|
17
|
+
/// The font size of the TabStrip.
|
|
18
|
+
/// @group tabstrip
|
|
8
19
|
$kendo-tabstrip-font-size: var( --kendo-font-size, inherit ) !default;
|
|
20
|
+
/// The line height of the TabStrip.
|
|
21
|
+
/// @group tabstrip
|
|
9
22
|
$kendo-tabstrip-line-height: var( --kendo-line-height, normal ) !default;
|
|
23
|
+
/// The border width around the TabStrip.
|
|
24
|
+
/// @group tabstrip
|
|
10
25
|
$kendo-tabstrip-border-width: 1px !default;
|
|
11
26
|
|
|
27
|
+
/// The background color of the TabStrip wrapper.
|
|
28
|
+
/// @group tabstrip
|
|
12
29
|
$kendo-tabstrip-wrapper-bg: null !default;
|
|
30
|
+
/// The text color of the TabStrip wrapper.
|
|
31
|
+
/// @group tabstrip
|
|
13
32
|
$kendo-tabstrip-wrapper-text: null !default;
|
|
33
|
+
/// The border color of the TabStrip wrapper.
|
|
34
|
+
/// @group tabstrip
|
|
14
35
|
$kendo-tabstrip-wrapper-border: null !default;
|
|
15
36
|
|
|
16
|
-
///
|
|
37
|
+
/// The background color of the TabStrip.
|
|
17
38
|
/// @group tabstrip
|
|
18
39
|
$kendo-tabstrip-bg: null !default;
|
|
19
|
-
///
|
|
40
|
+
/// The text color of the TabStrip.
|
|
20
41
|
/// @group tabstrip
|
|
21
42
|
$kendo-tabstrip-text: $kendo-component-text !default;
|
|
22
|
-
///
|
|
43
|
+
/// The border color of the TabStrip.
|
|
23
44
|
/// @group tabstrip
|
|
24
45
|
$kendo-tabstrip-border: $kendo-component-border !default;
|
|
25
46
|
|
|
26
|
-
///
|
|
47
|
+
/// The horizontal padding of the TabStrip items.
|
|
27
48
|
/// @group tabstrip
|
|
28
49
|
$kendo-tabstrip-item-padding-x: $nav-link-padding-x !default;
|
|
29
|
-
///
|
|
50
|
+
/// The vertical padding of the TabStrip items.
|
|
30
51
|
/// @group tabstrip
|
|
31
52
|
$kendo-tabstrip-item-padding-y: $nav-link-padding-y !default;
|
|
32
|
-
///
|
|
53
|
+
/// The border width around the TabStrip items.
|
|
33
54
|
/// @group tabstrip
|
|
34
55
|
$kendo-tabstrip-item-border-width: 1px !default;
|
|
35
|
-
///
|
|
56
|
+
/// The border radius of the TabStrip items.
|
|
36
57
|
/// @group tabstrip
|
|
37
58
|
$kendo-tabstrip-item-border-radius: k-spacing(1) !default;
|
|
38
|
-
///
|
|
59
|
+
/// The gap between the TabStrip items.
|
|
39
60
|
/// @group tabstrip
|
|
40
61
|
$kendo-tabstrip-item-gap: k-spacing(0) !default;
|
|
41
62
|
|
|
42
|
-
///
|
|
63
|
+
/// The background color of the TabStrip items.
|
|
43
64
|
/// @group tabstrip
|
|
44
65
|
$kendo-tabstrip-item-bg: null !default;
|
|
45
|
-
///
|
|
66
|
+
/// The text color of the TabStrip items.
|
|
46
67
|
/// @group tabstrip
|
|
47
68
|
$kendo-tabstrip-item-text: $kendo-link-text !default;
|
|
48
|
-
///
|
|
69
|
+
/// The border color of the TabStrip items.
|
|
49
70
|
/// @group tabstrip
|
|
50
71
|
$kendo-tabstrip-item-border: null !default;
|
|
51
|
-
///
|
|
72
|
+
/// The gradient of the TabStrip items.
|
|
52
73
|
/// @group tabstrip
|
|
53
74
|
$kendo-tabstrip-item-gradient: null !default;
|
|
54
75
|
|
|
55
|
-
///
|
|
76
|
+
/// The background color of the hovered TabStrip items.
|
|
56
77
|
/// @group tabstrip
|
|
57
78
|
$kendo-tabstrip-item-hover-bg: null !default;
|
|
58
|
-
///
|
|
79
|
+
/// The text color of the hovered TabStrip items.
|
|
59
80
|
/// @group tabstrip
|
|
60
81
|
$kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
|
|
61
|
-
///
|
|
82
|
+
/// The border color of the hovered TabStrip items.
|
|
62
83
|
/// @group tabstrip
|
|
63
|
-
$kendo-tabstrip-item-hover-border: $gray-200 !default;
|
|
64
|
-
///
|
|
84
|
+
$kendo-tabstrip-item-hover-border: if($kendo-enable-color-system, k-color( base-subtle ), $gray-200) !default;
|
|
85
|
+
/// The gradient of the hovered TabStrip items.
|
|
65
86
|
/// @group tabstrip
|
|
66
87
|
$kendo-tabstrip-item-hover-gradient: null !default;
|
|
67
88
|
|
|
68
|
-
///
|
|
89
|
+
/// The background color of the selected TabStrip items.
|
|
69
90
|
/// @group tabstrip
|
|
70
91
|
$kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
|
|
71
|
-
///
|
|
92
|
+
/// The text color of the selected TabStrip items.
|
|
72
93
|
/// @group tabstrip
|
|
73
94
|
$kendo-tabstrip-item-selected-text: $kendo-component-text !default;
|
|
74
|
-
///
|
|
95
|
+
/// The border color of the selected TabStrip items.
|
|
75
96
|
/// @group tabstrip
|
|
76
97
|
$kendo-tabstrip-item-selected-border: $kendo-component-border !default;
|
|
77
|
-
///
|
|
98
|
+
/// The gradient of the selected TabStrip items.
|
|
78
99
|
/// @group tabstrip
|
|
79
100
|
$kendo-tabstrip-item-selected-gradient: null !default;
|
|
80
101
|
|
|
102
|
+
/// The shadow of the focused TabStrip items.
|
|
103
|
+
/// @group tabstrip
|
|
81
104
|
$kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
82
105
|
|
|
106
|
+
/// The shadow of the dragged TabStrip items.
|
|
107
|
+
/// @group tabstrip
|
|
83
108
|
$kendo-tabstrip-item-dragging-shadow: k-elevation(3) !default;
|
|
84
109
|
|
|
110
|
+
/// The background color of the disabled TabStrip items.
|
|
111
|
+
/// @group tabstrip
|
|
85
112
|
$kendo-tabstrip-item-disabled-bg: null !default;
|
|
113
|
+
/// The text color of the disabled TabStrip items.
|
|
114
|
+
/// @group tabstrip
|
|
86
115
|
$kendo-tabstrip-item-disabled-text: null !default;
|
|
116
|
+
/// The border color of the disabled TabStrip items.
|
|
117
|
+
/// @group tabstrip
|
|
87
118
|
$kendo-tabstrip-item-disabled-border: null !default;
|
|
119
|
+
/// The gradient of the disabled TabStrip items.
|
|
120
|
+
/// @group tabstrip
|
|
88
121
|
$kendo-tabstrip-item-disabled-gradient: null !default;
|
|
122
|
+
/// The opacity of the disabled TabStrip items.
|
|
123
|
+
/// @group tabstrip
|
|
89
124
|
$kendo-tabstrip-item-disabled-opacity: null !default;
|
|
125
|
+
/// The filter of the disabled TabStrip items.
|
|
126
|
+
/// @group tabstrip
|
|
90
127
|
$kendo-tabstrip-item-disabled-filter: null !default;
|
|
91
128
|
|
|
129
|
+
/// The border width of the TabStrip indicator.
|
|
130
|
+
/// @group tabstrip
|
|
92
131
|
$kendo-tabstrip-indicator-size: null !default;
|
|
132
|
+
/// The border color of the TabStrip ripple.
|
|
133
|
+
/// @group tabstrip
|
|
93
134
|
$kendo-tabstrip-indicator-color: null !default;
|
|
94
135
|
|
|
95
|
-
///
|
|
136
|
+
/// The horizontal padding of the TabStrip content.
|
|
96
137
|
/// @group tabstrip
|
|
97
138
|
$kendo-tabstrip-content-padding-x: k-spacing(4) !default;
|
|
98
|
-
///
|
|
139
|
+
/// The vertical padding of the TabStrip content.
|
|
99
140
|
/// @group tabstrip
|
|
100
141
|
$kendo-tabstrip-content-padding-y: k-spacing(4) !default;
|
|
101
|
-
///
|
|
142
|
+
/// The border width around the TabStrip content.
|
|
102
143
|
/// @group tabstrip
|
|
103
144
|
$kendo-tabstrip-content-border-width: $kendo-tabstrip-border-width !default;
|
|
104
145
|
|
|
105
|
-
///
|
|
146
|
+
/// The background color of the TabStrip content.
|
|
106
147
|
/// @group tabstrip
|
|
107
148
|
$kendo-tabstrip-content-bg: $kendo-component-bg !default;
|
|
108
|
-
///
|
|
149
|
+
/// The text color of the TabStrip content.
|
|
109
150
|
/// @group tabstrip
|
|
110
151
|
$kendo-tabstrip-content-text: $kendo-component-text !default;
|
|
111
|
-
///
|
|
152
|
+
/// The border color of the TabStrip content.
|
|
112
153
|
/// @group tabstrip
|
|
113
154
|
$kendo-tabstrip-content-border: $kendo-component-border !default;
|
|
114
|
-
///
|
|
155
|
+
/// The border color of the focused TabStrip content.
|
|
115
156
|
/// @group tabstrip
|
|
116
157
|
$kendo-tabstrip-content-focus-border: $kendo-component-text !default;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-tile-layout-border-width: 0px !default;
|
|
6
6
|
/// The background color of the TileLayout.
|
|
7
7
|
/// @group tilelayout
|
|
8
|
-
$kendo-tile-layout-bg: $gray-100 !default;
|
|
8
|
+
$kendo-tile-layout-bg: if($kendo-enable-color-system, k-color( surface ), $gray-100) !default;
|
|
9
9
|
|
|
10
10
|
/// The horizontal padding of the TileLayout.
|
|
11
11
|
/// @group tilelayout
|
|
@@ -67,7 +67,7 @@ $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2
|
|
|
67
67
|
$kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
68
68
|
/// The background color of the Timeline track.
|
|
69
69
|
/// @group timeline
|
|
70
|
-
$kendo-timeline-track-bg: $kendo-button-bg !default;
|
|
70
|
+
$kendo-timeline-track-bg: if($kendo-enable-color-system, k-color( base-subtle ), $kendo-button-bg) !default;
|
|
71
71
|
/// The border color of the Timeline track.
|
|
72
72
|
/// @group timeline
|
|
73
73
|
$kendo-timeline-track-border-color: $kendo-timeline-track-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,
|