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