@progress/kendo-theme-default 8.0.0-dev.5 → 8.0.0-dev.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +9 -9
- package/dist/all.scss +225 -41
- package/dist/meta/sassdoc-data.json +30542 -25622
- package/dist/meta/sassdoc-raw-data.json +4984 -2709
- package/dist/meta/variables.json +12 -12
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/scheduler/_variables.scss +143 -0
- package/scss/tabstrip/_variables.scss +69 -28
- package/scss/typography/_variables.scss +9 -9
|
@@ -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: k-spacing(3) !default;
|
|
29
|
-
///
|
|
50
|
+
/// The vertical padding of the TabStrip items.
|
|
30
51
|
/// @group tabstrip
|
|
31
52
|
$kendo-tabstrip-item-padding-y: k-spacing(1.5) !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-border-radius(md) !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
84
|
$kendo-tabstrip-item-hover-border: null !default;
|
|
64
|
-
///
|
|
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: 1px !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;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Headings
|
|
5
|
-
$kendo-h1-font-size: calc( var( --kendo-font-size,
|
|
6
|
-
$kendo-h2-font-size: calc( var( --kendo-font-size,
|
|
7
|
-
$kendo-h3-font-size: calc( var( --kendo-font-size,
|
|
8
|
-
$kendo-h4-font-size: calc( var( --kendo-font-size,
|
|
9
|
-
$kendo-h5-font-size: calc( var( --kendo-font-size,
|
|
5
|
+
$kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
|
|
6
|
+
$kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
|
|
7
|
+
$kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
|
|
8
|
+
$kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
|
|
9
|
+
$kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
|
|
10
10
|
$kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
|
|
11
11
|
|
|
12
12
|
$kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
@@ -125,10 +125,10 @@ $kendo-code-border: $kendo-component-border !default;
|
|
|
125
125
|
|
|
126
126
|
|
|
127
127
|
// Display
|
|
128
|
-
$kendo-display1-font-size: calc( var( --kendo-font-size,
|
|
129
|
-
$kendo-display2-font-size: calc( var( --kendo-font-size,
|
|
130
|
-
$kendo-display3-font-size: calc( var( --kendo-font-size,
|
|
131
|
-
$kendo-display4-font-size: calc( var( --kendo-font-size,
|
|
128
|
+
$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8) !default;
|
|
129
|
+
$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7) !default;
|
|
130
|
+
$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6) !default;
|
|
131
|
+
$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5) !default;
|
|
132
132
|
|
|
133
133
|
$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
134
134
|
$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
|