@progress/kendo-theme-classic 7.2.0 → 7.2.1-dev.1
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.scss +554 -0
- package/dist/meta/sassdoc-data.json +44852 -30074
- package/dist/meta/sassdoc-raw-data.json +17306 -10481
- 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/chat/_variables.scss +115 -0
- package/scss/orgchart/_variables.scss +91 -0
- package/scss/splitter/_variables.scss +39 -0
- package/scss/stepper/_variables.scss +137 -0
- package/scss/taskboard/_variables.scss +151 -0
- package/scss/wizard/_variables.scss +21 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "7.2.
|
|
4
|
+
"version": "7.2.1-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "2.1.0",
|
|
56
|
-
"@progress/kendo-theme-core": "7.2.
|
|
57
|
-
"@progress/kendo-theme-default": "7.2.
|
|
58
|
-
"@progress/kendo-theme-utils": "7.2.
|
|
56
|
+
"@progress/kendo-theme-core": "7.2.1-dev.1",
|
|
57
|
+
"@progress/kendo-theme-default": "7.2.1-dev.1",
|
|
58
|
+
"@progress/kendo-theme-utils": "7.2.1-dev.1"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "e457fb8fc63a63e7f4b44765d1240403e0b74703"
|
|
65
65
|
}
|
|
@@ -1,72 +1,187 @@
|
|
|
1
1
|
// Chat
|
|
2
|
+
|
|
3
|
+
/// The horizontal padding of the Chat.
|
|
4
|
+
/// @group chat
|
|
2
5
|
$kendo-chat-padding-x: 16px !default;
|
|
6
|
+
/// The vertical padding of the Chat.
|
|
7
|
+
/// @group chat
|
|
3
8
|
$kendo-chat-padding-y: 16px !default;
|
|
9
|
+
/// The width of the Chat.
|
|
10
|
+
/// @group chat
|
|
4
11
|
$kendo-chat-width: 500px !default;
|
|
12
|
+
/// The height of the Chat.
|
|
13
|
+
/// @group chat
|
|
5
14
|
$kendo-chat-height: 600px !default;
|
|
15
|
+
/// The border width of the Chat.
|
|
16
|
+
/// @group chat
|
|
6
17
|
$kendo-chat-border-width: 1px !default;
|
|
18
|
+
/// The font family of the Chat.
|
|
19
|
+
/// @group chat
|
|
7
20
|
$kendo-chat-font-family: $kendo-font-family !default;
|
|
21
|
+
/// The font size of the Chat.
|
|
22
|
+
/// @group chat
|
|
8
23
|
$kendo-chat-font-size: $kendo-font-size-md !default;
|
|
24
|
+
/// The line height of the Chat.
|
|
25
|
+
/// @group chat
|
|
9
26
|
$kendo-chat-line-height: $kendo-line-height-md !default;
|
|
10
27
|
|
|
28
|
+
/// The horizontal spacing between the items of the Chat.
|
|
29
|
+
/// @group chat
|
|
11
30
|
$kendo-chat-item-spacing-x: 8px !default;
|
|
31
|
+
/// The vertical spacing between the items of the Chat.
|
|
32
|
+
/// @group chat
|
|
12
33
|
$kendo-chat-item-spacing-y: 16px !default;
|
|
13
34
|
|
|
35
|
+
/// The horizontal padding of the Chat message list.
|
|
36
|
+
/// @group chat
|
|
14
37
|
$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
|
|
38
|
+
/// The vertical padding of the Chat message list.
|
|
39
|
+
/// @group chat
|
|
15
40
|
$kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
|
|
41
|
+
/// The spacing of the Chat message list.
|
|
42
|
+
/// @group chat
|
|
16
43
|
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
|
|
17
44
|
|
|
45
|
+
/// The font size of the Chat timestamp.
|
|
46
|
+
/// @group chat
|
|
18
47
|
$kendo-chat-timestamp-font-size: smaller !default;
|
|
48
|
+
/// The line height of the Chat timestamp.
|
|
49
|
+
/// @group chat
|
|
19
50
|
$kendo-chat-timestamp-line-height: null !default;
|
|
51
|
+
/// The text transform of the Chat timestamp.
|
|
52
|
+
/// @group chat
|
|
20
53
|
$kendo-chat-timestamp-transform: uppercase !default;
|
|
54
|
+
/// The text color of the Chat timestamp.
|
|
55
|
+
/// @group chat
|
|
21
56
|
$kendo-chat-timestamp-text: $kendo-subtle-text !default;
|
|
57
|
+
/// The background color of the Chat timestamp.
|
|
58
|
+
/// @group chat
|
|
22
59
|
$kendo-chat-timestamp-bg: null !default;
|
|
23
60
|
|
|
61
|
+
/// The horizontal padding of the Chat bubble message.
|
|
62
|
+
/// @group chat
|
|
24
63
|
$kendo-chat-bubble-padding-x: 12px !default;
|
|
64
|
+
/// The vertical padding of the Chat bubble message.
|
|
65
|
+
/// @group chat
|
|
25
66
|
$kendo-chat-bubble-padding-y: 8px !default;
|
|
67
|
+
/// The spacing of the Chat bubble message.
|
|
68
|
+
/// @group chat
|
|
26
69
|
$kendo-chat-bubble-spacing: 2px !default;
|
|
70
|
+
/// The line height of the Chat bubble message.
|
|
71
|
+
/// @group chat
|
|
27
72
|
$kendo-chat-bubble-line-height: 18px !default;
|
|
28
73
|
|
|
74
|
+
/// The border radius of the Chat bubble message.
|
|
75
|
+
/// @group chat
|
|
29
76
|
$kendo-chat-bubble-border-radius: 12px !default;
|
|
77
|
+
/// The border radius of the Chat small bubble message
|
|
78
|
+
/// @group chat
|
|
30
79
|
$kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
31
80
|
|
|
81
|
+
/// The size of the Chat Avatar.
|
|
82
|
+
/// @group chat
|
|
32
83
|
$kendo-chat-avatar-size: 32px !default;
|
|
84
|
+
/// The spacing of the Chat Avatar.
|
|
85
|
+
/// @group chat
|
|
33
86
|
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
34
87
|
|
|
88
|
+
/// The horizontal padding of the Chat Toolbar.
|
|
89
|
+
/// @group chat
|
|
35
90
|
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
91
|
+
/// The vertical padding of the Chat Toolbar.
|
|
92
|
+
/// @group chat
|
|
36
93
|
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
94
|
+
/// The spacing of the Chat Toolbar.
|
|
95
|
+
/// @group chat
|
|
37
96
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
97
|
+
/// The background color of the Chat Toolbar.
|
|
98
|
+
/// @group chat
|
|
38
99
|
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
100
|
+
/// The text color of the Chat Toolbar.
|
|
101
|
+
/// @group chat
|
|
39
102
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
103
|
+
/// The border color of the Chat Toolbar.
|
|
104
|
+
/// @group chat
|
|
40
105
|
$kendo-chat-toolbar-border: inherit !default;
|
|
41
106
|
|
|
107
|
+
/// The horizontal padding of the Chat quick reply.
|
|
108
|
+
/// @group chat
|
|
42
109
|
$kendo-chat-quick-reply-padding-x: 12px !default;
|
|
110
|
+
/// The vertical padding of the Chat quick reply.
|
|
111
|
+
/// @group chat
|
|
43
112
|
$kendo-chat-quick-reply-padding-y: 8px !default;
|
|
113
|
+
/// The spacing of the Chat quick reply.
|
|
114
|
+
/// @group chat
|
|
44
115
|
$kendo-chat-quick-reply-spacing: 8px !default;
|
|
116
|
+
/// The line height of the Chat quick reply.
|
|
117
|
+
/// @group chat
|
|
45
118
|
$kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;
|
|
46
119
|
|
|
47
120
|
|
|
121
|
+
/// The background color of the Chat.
|
|
122
|
+
/// @group chat
|
|
48
123
|
$kendo-chat-bg: $kendo-app-bg !default;
|
|
124
|
+
/// The text color of the Chat.
|
|
125
|
+
/// @group chat
|
|
49
126
|
$kendo-chat-text: $kendo-app-text !default;
|
|
127
|
+
/// The border color of the Chat.
|
|
128
|
+
/// @group chat
|
|
50
129
|
$kendo-chat-border: $kendo-app-border !default;
|
|
51
130
|
|
|
131
|
+
/// The background color of the Chat bubble.
|
|
132
|
+
/// @group chat
|
|
52
133
|
$kendo-chat-bubble-bg: $kendo-component-bg !default;
|
|
134
|
+
/// The text color of the Chat bubble.
|
|
135
|
+
/// @group chat
|
|
53
136
|
$kendo-chat-bubble-text: $kendo-component-text !default;
|
|
137
|
+
/// The border color of the Chat bubble.
|
|
138
|
+
/// @group chat
|
|
54
139
|
$kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
|
|
140
|
+
/// The box shadow of the Chat bubble.
|
|
141
|
+
/// @group chat
|
|
55
142
|
$kendo-chat-bubble-shadow: k-elevation(1) !default;
|
|
143
|
+
/// The shadow of the hovered Chat bubble.
|
|
144
|
+
/// @group chat
|
|
56
145
|
$kendo-chat-bubble-hover-shadow: k-elevation(2) !default;
|
|
146
|
+
/// The shadow of the selected Chat bubble.
|
|
147
|
+
/// @group chat
|
|
57
148
|
$kendo-chat-bubble-selected-shadow: k-elevation(3) !default;
|
|
58
149
|
|
|
150
|
+
/// The background color of the Chat alt bubble.
|
|
151
|
+
/// @group chat
|
|
59
152
|
$kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
|
|
153
|
+
/// The text color of the Chat alt bubble.
|
|
154
|
+
/// @group chat
|
|
60
155
|
$kendo-chat-alt-bubble-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-chat-alt-bubble-bg )) !default;
|
|
156
|
+
/// The border color of the Chat alt bubble.
|
|
157
|
+
/// @group chat
|
|
61
158
|
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
159
|
+
/// The shadow of the Chat alt bubble.
|
|
160
|
+
/// @group chat
|
|
62
161
|
$kendo-chat-alt-bubble-shadow: k-elevation(1) !default;
|
|
162
|
+
/// The shadow of the hovered Chat alt bubble.
|
|
163
|
+
/// @group chat
|
|
63
164
|
$kendo-chat-alt-bubble-hover-shadow: k-elevation(2) !default;
|
|
165
|
+
/// The shadow of the selected Chat alt bubble.
|
|
166
|
+
/// @group chat
|
|
64
167
|
$kendo-chat-alt-bubble-selected-shadow: k-elevation(3) !default;
|
|
65
168
|
|
|
169
|
+
/// The background color of the Chat quick reply.
|
|
170
|
+
/// @group chat
|
|
66
171
|
$kendo-chat-quick-reply-bg: transparent !default;
|
|
172
|
+
/// The text color of the Chat quick reply.
|
|
173
|
+
/// @group chat
|
|
67
174
|
$kendo-chat-quick-reply-text: $kendo-color-primary !default;
|
|
175
|
+
/// The border color of the Chat quick reply.
|
|
176
|
+
/// @group chat
|
|
68
177
|
$kendo-chat-quick-reply-border: $kendo-color-primary !default;
|
|
69
178
|
|
|
179
|
+
/// The background color of the hovered Chat quick reply.
|
|
180
|
+
/// @group chat
|
|
70
181
|
$kendo-chat-quick-reply-hover-bg: $kendo-color-primary !default;
|
|
182
|
+
/// The text color of the hovered Chat quick reply.
|
|
183
|
+
/// @group chat
|
|
71
184
|
$kendo-chat-quick-reply-hover-text: $kendo-color-primary-contrast !default;
|
|
185
|
+
/// The border color of the hovered Chat quick reply.
|
|
186
|
+
/// @group chat
|
|
72
187
|
$kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
@@ -1,57 +1,148 @@
|
|
|
1
1
|
// Orgchart
|
|
2
|
+
|
|
3
|
+
/// The spacing index of the OrgChart.
|
|
4
|
+
/// @group orgchart
|
|
2
5
|
$kendo-orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
|
|
6
|
+
/// The vertical padding of the OrgChart.
|
|
7
|
+
/// @group orgchart
|
|
3
8
|
$kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
|
|
9
|
+
/// The horizontal padding of the OrgChart.
|
|
10
|
+
/// @group orgchart
|
|
4
11
|
$kendo-orgchart-padding-x: $kendo-orgchart-padding-y !default;
|
|
12
|
+
/// The font family of the OrgChart.
|
|
13
|
+
/// @group orgchart
|
|
5
14
|
$kendo-orgchart-font-family: $kendo-font-family !default;
|
|
15
|
+
/// The font size of the OrgChart.
|
|
16
|
+
/// @group orgchart
|
|
6
17
|
$kendo-orgchart-font-size: $kendo-font-size-md !default;
|
|
18
|
+
/// The line height of the OrgChart.
|
|
19
|
+
/// @group orgchart
|
|
7
20
|
$kendo-orgchart-line-height: $kendo-line-height-md !default;
|
|
21
|
+
/// The background color of the OrgChart.
|
|
22
|
+
/// @group orgchart
|
|
8
23
|
$kendo-orgchart-bg: $kendo-component-bg !default;
|
|
24
|
+
/// The text color of the OrgChart.
|
|
25
|
+
/// @group orgchart
|
|
9
26
|
$kendo-orgchart-text: $kendo-component-text !default;
|
|
27
|
+
/// The border color of the OrgChart.
|
|
28
|
+
/// @group orgchart
|
|
10
29
|
$kendo-orgchart-border: $kendo-component-border !default;
|
|
11
30
|
|
|
31
|
+
/// The spacing of the OrgChart node.
|
|
32
|
+
/// @group orgchart
|
|
12
33
|
$kendo-orgchart-node-gap: $kendo-orgchart-spacer !default;
|
|
34
|
+
/// The spacing of the OrgChart group.
|
|
35
|
+
/// @group orgchart
|
|
13
36
|
$kendo-orgchart-group-gap: $kendo-orgchart-spacer !default;
|
|
37
|
+
/// The spacing of the OrgChart node container.
|
|
38
|
+
/// @group orgchart
|
|
14
39
|
$kendo-orgchart-node-container-gap: $kendo-orgchart-spacer !default;
|
|
15
40
|
|
|
41
|
+
/// The vertical padding of the OrgChart node group.
|
|
42
|
+
/// @group orgchart
|
|
16
43
|
$kendo-orgchart-node-group-padding-y: $kendo-orgchart-spacer !default;
|
|
44
|
+
/// The horizontal padding of the OrgChart node group.
|
|
45
|
+
/// @group orgchart
|
|
17
46
|
$kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !default;
|
|
47
|
+
/// The border width of the OrgChart node group.
|
|
48
|
+
/// @group orgchart
|
|
18
49
|
$kendo-orgchart-node-group-border-width: 1px !default;
|
|
50
|
+
/// The border radius of the OrgChart node group.
|
|
51
|
+
/// @group orgchart
|
|
19
52
|
$kendo-orgchart-node-group-border-radius: $kendo-border-radius-md !default;
|
|
53
|
+
/// The background color of the OrgChart node group.
|
|
54
|
+
/// @group orgchart
|
|
20
55
|
$kendo-orgchart-node-group-bg: $kendo-base-bg !default;
|
|
56
|
+
/// The text color of the OrgChart node group.
|
|
57
|
+
/// @group orgchart
|
|
21
58
|
$kendo-orgchart-node-group-text: $kendo-base-text !default;
|
|
59
|
+
/// The border color of the OrgChart node group.
|
|
60
|
+
/// @group orgchart
|
|
22
61
|
$kendo-orgchart-node-group-border: $kendo-base-border !default;
|
|
23
62
|
|
|
63
|
+
/// The border color of the focused OrgChart node group.
|
|
64
|
+
/// @group orgchart
|
|
24
65
|
$kendo-orgchart-node-group-focus-border: $kendo-card-focus-border !default;
|
|
66
|
+
/// The shadow of the focused OrgChart node group.
|
|
67
|
+
/// @group orgchart
|
|
25
68
|
$kendo-orgchart-node-group-focus-shadow: $kendo-card-focus-shadow !default;
|
|
26
69
|
|
|
70
|
+
/// The font size of the OrgChart node group title.
|
|
71
|
+
/// @group orgchart
|
|
27
72
|
$kendo-orgchart-node-group-title-font-size: $kendo-font-size-xl !default;
|
|
73
|
+
/// The bottom margin of the OrgChart node group title.
|
|
74
|
+
/// @group orgchart
|
|
28
75
|
$kendo-orgchart-node-group-title-margin-bottom: k-math-div( $kendo-orgchart-spacer, 4 ) !default;
|
|
76
|
+
/// The line height of the OrgChart node group title.
|
|
77
|
+
/// @group orgchart
|
|
29
78
|
$kendo-orgchart-node-group-title-line-height: $kendo-line-height-sm !default;
|
|
30
79
|
|
|
80
|
+
/// The bottom margin of the OrgChart node group subtitle.
|
|
81
|
+
/// @group orgchart
|
|
31
82
|
$kendo-orgchart-node-group-subtitle-margin-bottom: $kendo-orgchart-spacer !default;
|
|
83
|
+
|
|
84
|
+
/// The font size of the OrgChart node group subtitle.
|
|
85
|
+
/// @group orgchart
|
|
32
86
|
$kendo-orgchart-node-group-subtitle-font-size: $kendo-font-size-md !default;
|
|
87
|
+
|
|
88
|
+
/// The line height of the OrgChart node group subtitle.
|
|
89
|
+
/// @group orgchart
|
|
33
90
|
$kendo-orgchart-node-group-subtitle-text: $kendo-subtle-text !default;
|
|
34
91
|
|
|
92
|
+
/// The width of the OrgChart Card.
|
|
93
|
+
/// @group orgchart
|
|
35
94
|
$kendo-orgchart-card-width: 300px !default;
|
|
95
|
+
/// The vertical padding of the OrgChart Card.
|
|
96
|
+
/// @group orgchart
|
|
36
97
|
$kendo-orgchart-card-padding-y: $kendo-card-padding-y !default;
|
|
98
|
+
/// The horizontal padding of the OrgChart Card.
|
|
99
|
+
/// @group orgchart
|
|
37
100
|
$kendo-orgchart-card-padding-x: $kendo-orgchart-card-padding-y !default;
|
|
101
|
+
/// The border width of the OrgChart Card.
|
|
102
|
+
/// @group orgchart
|
|
38
103
|
$kendo-orgchart-card-border-width: $kendo-card-border-width !default;
|
|
104
|
+
/// The shadow of the OrgChart Card.
|
|
105
|
+
/// @group orgchart
|
|
39
106
|
$kendo-orgchart-card-shadow: $kendo-card-shadow !default;
|
|
107
|
+
/// The shadow of the focused OrgChart Card.
|
|
108
|
+
/// @group orgchart
|
|
40
109
|
$kendo-orgchart-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
41
110
|
|
|
111
|
+
/// The bottom margin of the OrgChart Card title.
|
|
112
|
+
/// @group orgchart
|
|
42
113
|
$kendo-orgchart-card-title-margin-bottom: 0px !default;
|
|
114
|
+
/// The font size of the OrgChart Card title.
|
|
115
|
+
/// @group orgchart
|
|
43
116
|
$kendo-orgchart-card-title-font-size: null !default;
|
|
44
117
|
|
|
118
|
+
/// The bottom margin of the OrgChart Card subtitle.
|
|
119
|
+
/// @group orgchart
|
|
45
120
|
$kendo-orgchart-card-subtitle-margin-bottom: 0px !default;
|
|
121
|
+
/// The font size of the OrgChart Card subtitle.
|
|
122
|
+
/// @group orgchart
|
|
46
123
|
$kendo-orgchart-card-subtitle-font-size: null !default;
|
|
47
124
|
|
|
125
|
+
/// The border width of the OrgChart Card body.
|
|
126
|
+
/// @group orgchart
|
|
48
127
|
$kendo-orgchart-card-body-border-width: 2px 0 0 !default;
|
|
128
|
+
/// The border color of the OrgChart Card body.
|
|
129
|
+
/// @group orgchart
|
|
49
130
|
$kendo-orgchart-card-body-border-color: transparent !default;
|
|
50
131
|
|
|
132
|
+
/// The right margin of the OrgChart Card body title wrap.
|
|
133
|
+
/// @group orgchart
|
|
51
134
|
$kendo-orgchart-card-body-vbox-margin-right: k-math-div( $kendo-orgchart-spacer, 2 ) !default;
|
|
135
|
+
/// The min height of the OrgChart Card body title wrap.
|
|
136
|
+
/// @group orgchart
|
|
52
137
|
$kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
|
|
53
138
|
|
|
139
|
+
/// The size of the OrgChart connecting line.
|
|
140
|
+
/// @group orgchart
|
|
54
141
|
$kendo-orgchart-line-size: 1px !default;
|
|
142
|
+
/// The fill color of the OrgChart connecting line.
|
|
143
|
+
/// @group orgchart
|
|
55
144
|
$kendo-orgchart-line-fill: $kendo-base-border !default;
|
|
56
145
|
|
|
146
|
+
/// The height of the OrgChart connecting line.
|
|
147
|
+
/// @group orgchart
|
|
57
148
|
$kendo-orgchart-line-v-height: 25px !default;
|
|
@@ -1,25 +1,64 @@
|
|
|
1
1
|
// Splitter
|
|
2
|
+
|
|
3
|
+
/// The width of the border around the Splitter.
|
|
4
|
+
/// @group splitter
|
|
2
5
|
$kendo-splitter-border-width: 1px !default;
|
|
6
|
+
/// The font family of the Splitter.
|
|
7
|
+
/// @group splitter
|
|
3
8
|
$kendo-splitter-font-family: $kendo-font-family !default;
|
|
9
|
+
/// The font size of the Splitter.
|
|
10
|
+
/// @group splitter
|
|
4
11
|
$kendo-splitter-font-size: $kendo-font-size-md !default;
|
|
12
|
+
/// The line height of the Splitter.
|
|
13
|
+
/// @group splitter
|
|
5
14
|
$kendo-splitter-line-height: $kendo-line-height-md !default;
|
|
6
15
|
|
|
16
|
+
/// The background color of the Splitter.
|
|
17
|
+
/// @group splitter
|
|
7
18
|
$kendo-splitter-bg: $kendo-component-bg !default;
|
|
19
|
+
/// The text color of the Splitter.
|
|
20
|
+
/// @group splitter
|
|
8
21
|
$kendo-splitter-text: $kendo-component-text !default;
|
|
22
|
+
/// The border color of the Splitter.
|
|
23
|
+
/// @group splitter
|
|
9
24
|
$kendo-splitter-border: $kendo-component-border !default;
|
|
10
25
|
|
|
26
|
+
/// The size of the Splitter split bar.
|
|
27
|
+
/// @group splitter
|
|
11
28
|
$kendo-splitter-splitbar-size: k-map-get( $kendo-spacing, 3 ) !default;
|
|
29
|
+
/// The length of the Splitter drag handle.
|
|
30
|
+
/// @group splitter
|
|
12
31
|
$kendo-splitter-drag-handle-length: 20px !default;
|
|
32
|
+
/// The thickness of the Splitter drag handle.
|
|
33
|
+
/// @group splitter
|
|
13
34
|
$kendo-splitter-drag-handle-thickness: 2px !default;
|
|
35
|
+
/// The margin of the Splitter drag handle icon.
|
|
36
|
+
/// @group splitter
|
|
14
37
|
$kendo-splitter-drag-icon-margin: 7px !default;
|
|
38
|
+
/// The horizontal padding of the collapse icon in the Splitter.
|
|
39
|
+
/// @group splitter
|
|
15
40
|
$kendo-splitter-collapse-icon-padding-x: null !default;
|
|
41
|
+
/// The vertical padding of the collapse icon in the Splitter.
|
|
42
|
+
/// @group splitter
|
|
16
43
|
$kendo-splitter-collapse-icon-padding-y: k-map-get( $kendo-spacing, .5 ) !default;
|
|
17
44
|
|
|
45
|
+
/// The background color of the Splitter split bar.
|
|
46
|
+
/// @group splitter
|
|
18
47
|
$kendo-splitbar-bg: $kendo-base-bg !default;
|
|
48
|
+
/// The text color of the Splitter split bar.
|
|
49
|
+
/// @group splitter
|
|
19
50
|
$kendo-splitbar-text: $kendo-base-text !default;
|
|
20
51
|
|
|
52
|
+
/// The hover background color of the Splitter split bar.
|
|
53
|
+
/// @group splitter
|
|
21
54
|
$kendo-splitbar-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-splitbar-bg, .5 )) !default;
|
|
55
|
+
/// The hover text color of the Splitter split bar.
|
|
56
|
+
/// @group splitter
|
|
22
57
|
$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
|
|
23
58
|
|
|
59
|
+
/// The selected background color of the Splitter split bar.
|
|
60
|
+
/// @group splitter
|
|
24
61
|
$kendo-splitbar-selected-bg: $kendo-selected-bg !default;
|
|
62
|
+
/// The selected text color of the Splitter split bar.
|
|
63
|
+
/// @group splitter
|
|
25
64
|
$kendo-splitbar-selected-text: $kendo-selected-text !default;
|