@progress/kendo-theme-classic 5.0.0-next.5 → 5.0.0
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/README.md +10 -17
- package/dist/all.css +10001 -12053
- package/dist/all.scss +15381 -15766
- package/package.json +3 -3
- package/scss/_variables.scss +2 -19
- package/scss/all.scss +1 -154
- package/scss/appbar/_variables.scss +1 -1
- package/scss/autocomplete/_index.scss +1 -0
- package/scss/autocomplete/_variables.scss +0 -24
- package/scss/avatar/_variables.scss +18 -8
- package/scss/button/_index.scss +2 -0
- package/scss/button/_variables.scss +62 -32
- package/scss/calendar/_index.scss +1 -0
- package/scss/card/_variables.scss +4 -4
- package/scss/chat/_variables.scss +3 -18
- package/scss/checkbox/_index.scss +2 -0
- package/scss/checkbox/_variables.scss +66 -75
- package/scss/chip/_index.scss +1 -0
- package/scss/chip/_variables.scss +142 -191
- package/scss/color-preview/_variables.scss +1 -0
- package/scss/coloreditor/_variables.scss +3 -3
- package/scss/colorpicker/_index.scss +1 -2
- package/scss/colorpicker/_variables.scss +1 -22
- package/scss/combobox/_index.scss +1 -0
- package/scss/combobox/_variables.scss +1 -33
- package/scss/dataviz/_index.scss +1 -0
- package/scss/dateinput/_index.scss +11 -0
- package/scss/dateinput/_layout.scss +1 -0
- package/scss/dateinput/_theme.scss +1 -0
- package/scss/dateinput/_variables.scss +1 -0
- package/scss/datepicker/_index.scss +13 -0
- package/scss/datepicker/_layout.scss +1 -0
- package/scss/datepicker/_theme.scss +1 -0
- package/scss/datepicker/_variables.scss +1 -0
- package/scss/{datetime → daterangepicker}/_index.scss +1 -2
- package/scss/daterangepicker/_layout.scss +1 -0
- package/scss/daterangepicker/_theme.scss +1 -0
- package/scss/daterangepicker/_variables.scss +1 -0
- package/scss/datetimepicker/_index.scss +17 -0
- package/scss/datetimepicker/_layout.scss +1 -0
- package/scss/datetimepicker/_theme.scss +1 -0
- package/scss/datetimepicker/_variables.scss +2 -0
- package/scss/drawer/_index.scss +1 -0
- package/scss/drawer/_variables.scss +1 -1
- package/scss/dropdownlist/_index.scss +1 -0
- package/scss/dropdowntree/_variables.scss +2 -4
- package/scss/editor/_variables.scss +8 -0
- package/scss/expansion-panel/_index.scss +3 -0
- package/scss/expansion-panel/_variables.scss +2 -2
- package/scss/fab/_variables.scss +129 -72
- package/scss/fab/index.md +0 -0
- package/scss/filter/_index.scss +1 -1
- package/scss/forms/_index.scss +1 -1
- package/scss/gantt/_index.scss +1 -1
- package/scss/grid/_index.scss +2 -1
- package/scss/grid/_variables.scss +10 -10
- package/scss/imageeditor/_variables.scss +1 -0
- package/scss/index.scss +157 -0
- package/scss/input/_index.scss +1 -1
- package/scss/input/_variables.scss +80 -58
- package/scss/list/_index.scss +12 -0
- package/scss/list/_layout.scss +1 -0
- package/scss/list/_theme.scss +1 -0
- package/scss/list/_variables.scss +248 -0
- package/scss/listbox/_index.scss +2 -0
- package/scss/listbox/_variables.scss +1 -1
- package/scss/menu/_index.scss +2 -0
- package/scss/menu/_variables.scss +123 -34
- package/scss/multiselect/_index.scss +2 -0
- package/scss/multiselect/_variables.scss +0 -36
- package/scss/orgchart/_variables.scss +2 -2
- package/scss/pager/_index.scss +1 -0
- package/scss/pager/_variables.scss +6 -6
- package/scss/panelbar/_index.scss +1 -0
- package/scss/panelbar/_variables.scss +7 -2
- package/scss/pdf-viewer/_variables.scss +2 -5
- package/scss/pivotgrid/_index.scss +1 -0
- package/scss/pivotgrid/_variables.scss +1 -4
- package/scss/popup/_index.scss +0 -4
- package/scss/popup/_variables.scss +2 -7
- package/scss/radio/_index.scss +2 -0
- package/scss/radio/_variables.scss +72 -91
- package/scss/scheduler/_index.scss +1 -1
- package/scss/spreadsheet/_index.scss +2 -1
- package/scss/switch/_variables.scss +108 -170
- package/scss/table/_index.scss +19 -0
- package/scss/table/_layout.scss +1 -0
- package/scss/table/_theme.scss +1 -0
- package/scss/table/_variables.scss +141 -0
- package/scss/tabstrip/_index.scss +1 -0
- package/scss/tabstrip/_variables.scss +3 -3
- package/scss/taskboard/_variables.scss +0 -2
- package/scss/timepicker/_index.scss +15 -0
- package/scss/timepicker/_layout.scss +1 -0
- package/scss/timepicker/_theme.scss +1 -0
- package/scss/timepicker/_variables.scss +1 -0
- package/scss/timeselector/_index.scss +13 -0
- package/scss/timeselector/_layout.scss +1 -0
- package/scss/timeselector/_theme.scss +1 -0
- package/scss/timeselector/_variables.scss +32 -0
- package/scss/toolbar/_index.scss +1 -0
- package/scss/toolbar/_variables.scss +2 -0
- package/scss/treeview/_variables.scss +125 -46
- package/scss/typography/_variables.scss +3 -3
- package/scss/utils/_border.scss +1 -2
- package/scss/virtual-scroller/_index.scss +10 -0
- package/scss/virtual-scroller/_layout.scss +1 -0
- package/scss/virtual-scroller/_theme.scss +1 -0
- package/scss/virtual-scroller/_variables.scss +1 -0
- package/scss/datetime/_layout.scss +0 -1
- package/scss/datetime/_theme.scss +0 -1
- package/scss/datetime/_variables.scss +0 -53
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@import "../radio/_index.scss";
|
|
9
9
|
@import "../colorpicker/_index.scss";
|
|
10
10
|
@import "../combobox/_index.scss";
|
|
11
|
-
@import "../
|
|
11
|
+
@import "../datetimepicker/_index.scss";
|
|
12
12
|
@import "../dropdownlist/_index.scss";
|
|
13
13
|
@import "../toolbar/_index.scss";
|
|
14
14
|
@import "../upload/_index.scss";
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
@import "../tabstrip/_index.scss";
|
|
18
18
|
@import "../treeview/_index.scss";
|
|
19
19
|
@import "../icons/_index.scss";
|
|
20
|
+
@import "../list/_index.scss";
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
// Component
|
|
@@ -2,14 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
/// Font family of the switch.
|
|
4
4
|
/// @group switch
|
|
5
|
-
$kendo-switch-font-family:
|
|
6
|
-
/// Line height of the switch.
|
|
7
|
-
/// @group switch
|
|
8
|
-
$kendo-switch-line-height: $line-height !default;
|
|
5
|
+
$kendo-switch-font-family: null !default;
|
|
9
6
|
|
|
10
7
|
/// Border width of the switch track.
|
|
11
8
|
/// @group switch
|
|
12
|
-
$kendo-switch-track-border-width:
|
|
9
|
+
$kendo-switch-track-border-width: 1px !default;
|
|
13
10
|
|
|
14
11
|
/// Border width of the switch thumb.
|
|
15
12
|
/// @group switch
|
|
@@ -17,7 +14,7 @@ $kendo-switch-thumb-border-width: 1px !default;
|
|
|
17
14
|
|
|
18
15
|
/// Text transform of the switch label.
|
|
19
16
|
/// @group switch
|
|
20
|
-
$kendo-switch-label-text-transform:
|
|
17
|
+
$kendo-switch-label-text-transform: null !default;
|
|
21
18
|
/// Display of the switch label.
|
|
22
19
|
/// @group switch
|
|
23
20
|
$kendo-switch-label-display: inline !default;
|
|
@@ -25,229 +22,170 @@ $kendo-switch-label-display: inline !default;
|
|
|
25
22
|
/// Map with the different switch sizes.
|
|
26
23
|
/// @group switch
|
|
27
24
|
$kendo-switch-sizes: (
|
|
28
|
-
sm:
|
|
29
|
-
md:
|
|
30
|
-
lg:
|
|
25
|
+
sm: ( font-size: 12px, track-width: 48px, track-height: 26px, thumb-width: 20px, thumb-height: 20px, thumb-offset: 3px, label-offset: 4px ),
|
|
26
|
+
md: ( font-size: 12px, track-width: 56px, track-height: 30px, thumb-width: 24px, thumb-height: 24px, thumb-offset: 3px, label-offset: 6px ),
|
|
27
|
+
lg: ( font-size: 12px, track-width: 64px, track-height: 34px, thumb-width: 28px, thumb-height: 28px, thumb-offset: 3px, label-offset: 8px )
|
|
31
28
|
) !default;
|
|
32
29
|
|
|
33
|
-
///
|
|
30
|
+
/// The background of the track when the switch is not checked.
|
|
34
31
|
/// @group switch
|
|
35
|
-
$kendo-switch-
|
|
36
|
-
|
|
37
|
-
md: $font-size-xs,
|
|
38
|
-
lg: $font-size-sm
|
|
39
|
-
) !default;
|
|
40
|
-
|
|
41
|
-
/// Map with the horizontal padding of the switch track for the different switch sizes.
|
|
32
|
+
$kendo-switch-off-track-bg: $component-bg !default;
|
|
33
|
+
/// The text color of the track when the switch is not checked.
|
|
42
34
|
/// @group switch
|
|
43
|
-
$kendo-switch-track-
|
|
44
|
-
|
|
45
|
-
md: 0px,
|
|
46
|
-
lg: 0px
|
|
47
|
-
) !default;
|
|
48
|
-
|
|
49
|
-
/// Map with the vertical padding of the switch track for the different switch sizes.
|
|
35
|
+
$kendo-switch-off-track-text: $component-text !default;
|
|
36
|
+
/// The border color of the track when the switch is not checked.
|
|
50
37
|
/// @group switch
|
|
51
|
-
$kendo-switch-track-
|
|
52
|
-
|
|
53
|
-
md: 0px,
|
|
54
|
-
lg: 0px
|
|
55
|
-
) !default;
|
|
56
|
-
|
|
57
|
-
/// Map with the height difference of the switch track for the different switch sizes.
|
|
38
|
+
$kendo-switch-off-track-border: $component-border !default;
|
|
39
|
+
/// The background gradient of the track when the switch is not checked.
|
|
58
40
|
/// @group switch
|
|
59
|
-
$kendo-switch-track-
|
|
60
|
-
sm: 0px,
|
|
61
|
-
md: 0px,
|
|
62
|
-
lg: 0px
|
|
63
|
-
) !default;
|
|
41
|
+
$kendo-switch-off-track-gradient: null !default;
|
|
64
42
|
|
|
65
|
-
///
|
|
43
|
+
/// The background of the track when the hovered switch is not checked.
|
|
66
44
|
/// @group switch
|
|
67
|
-
$kendo-switch-
|
|
68
|
-
|
|
69
|
-
md: 30px,
|
|
70
|
-
lg: 40px
|
|
71
|
-
) !default;
|
|
72
|
-
|
|
73
|
-
/// Map with the offset of the switch thumb for the different switch sizes.
|
|
45
|
+
$kendo-switch-off-track-hover-bg: null !default;
|
|
46
|
+
/// The text color of the track when the hovered switch is not checked.
|
|
74
47
|
/// @group switch
|
|
75
|
-
$kendo-switch-
|
|
76
|
-
|
|
77
|
-
md: 0px,
|
|
78
|
-
lg: 0px
|
|
79
|
-
) !default;
|
|
80
|
-
|
|
81
|
-
/// Map with the offset of the switch label for the different switch sizes.
|
|
48
|
+
$kendo-switch-off-track-hover-text: null !default;
|
|
49
|
+
/// The border color of the track when the hovered switch is not checked.
|
|
82
50
|
/// @group switch
|
|
83
|
-
$kendo-switch-
|
|
84
|
-
|
|
85
|
-
md: 8px,
|
|
86
|
-
lg: 10px
|
|
87
|
-
) !default;
|
|
88
|
-
|
|
89
|
-
/// Map with the width of the switch label for the different switch sizes.
|
|
51
|
+
$kendo-switch-off-track-hover-border: null !default;
|
|
52
|
+
/// The background gradient of the track when the hovered switch is not checked.
|
|
90
53
|
/// @group switch
|
|
91
|
-
$kendo-switch-
|
|
92
|
-
sm: calc( 100% - (#{map-get( $kendo-switch-thumb-sizes, "sm" )} + #{map-get( $kendo-switch-label-offset-sizes, "sm" )} + #{map-get( $kendo-switch-track-padding-x-sizes, "sm" )} ) ),
|
|
93
|
-
md: calc( 100% - (#{map-get( $kendo-switch-thumb-sizes, "md" )} + #{map-get( $kendo-switch-label-offset-sizes, "md" )} + #{map-get( $kendo-switch-track-padding-x-sizes, "md" )} ) ),
|
|
94
|
-
lg: calc( 100% - (#{map-get( $kendo-switch-thumb-sizes, "lg" )} + #{map-get( $kendo-switch-label-offset-sizes, "lg" )} + #{map-get( $kendo-switch-track-padding-x-sizes, "lg" )} ) )
|
|
95
|
-
) !default;
|
|
54
|
+
$kendo-switch-off-track-hover-gradient: null !default;
|
|
96
55
|
|
|
97
|
-
/// The
|
|
56
|
+
/// The background of the track when the focused switch is not checked.
|
|
98
57
|
/// @group switch
|
|
99
|
-
$kendo-switch-track-
|
|
100
|
-
/// The
|
|
58
|
+
$kendo-switch-off-track-focus-bg: null !default;
|
|
59
|
+
/// The text color of the track when the focused switch is not checked.
|
|
101
60
|
/// @group switch
|
|
102
|
-
$kendo-switch-track-
|
|
103
|
-
/// The
|
|
61
|
+
$kendo-switch-off-track-focus-text: null !default;
|
|
62
|
+
/// The border color of the track when the focused switch is not checked.
|
|
104
63
|
/// @group switch
|
|
105
|
-
$kendo-switch-track-focus-
|
|
106
|
-
|
|
107
|
-
/// The background of the switch when checked.
|
|
64
|
+
$kendo-switch-off-track-focus-border: null !default;
|
|
65
|
+
/// The background gradient of the track when the focused switch is not checked.
|
|
108
66
|
/// @group switch
|
|
109
|
-
$kendo-switch-
|
|
110
|
-
/// The
|
|
67
|
+
$kendo-switch-off-track-focus-gradient: null !default;
|
|
68
|
+
/// The ring around the track when the focused switch is not checked.
|
|
111
69
|
/// @group switch
|
|
112
|
-
$kendo-switch-
|
|
113
|
-
/// The border color of the switch when checked.
|
|
114
|
-
/// @group switch
|
|
115
|
-
$kendo-switch-on-border: null !default;
|
|
116
|
-
/// The background gradient of the switch when checked.
|
|
117
|
-
/// @group switch
|
|
118
|
-
$kendo-switch-on-gradient: null !default;
|
|
119
|
-
/// The shadow of the switch when checked.
|
|
120
|
-
/// @group switch
|
|
121
|
-
$kendo-switch-on-shadow: null !default;
|
|
70
|
+
$kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if($dark-theme, $white, $black), .25 ) !default;
|
|
122
71
|
|
|
123
|
-
/// The background of the
|
|
72
|
+
/// The background of the track when the disabled switch is not checked.
|
|
124
73
|
/// @group switch
|
|
125
|
-
$kendo-switch-
|
|
126
|
-
/// The text color of the
|
|
74
|
+
$kendo-switch-off-track-disabled-bg: null !default;
|
|
75
|
+
/// The text color of the track when the disabled switch is not checked.
|
|
127
76
|
/// @group switch
|
|
128
|
-
$kendo-switch-
|
|
129
|
-
/// The border color of the
|
|
77
|
+
$kendo-switch-off-track-disabled-text: null !default;
|
|
78
|
+
/// The border color of the track when the disabled switch is not checked.
|
|
130
79
|
/// @group switch
|
|
131
|
-
$kendo-switch-
|
|
132
|
-
/// The background gradient of the
|
|
80
|
+
$kendo-switch-off-track-disabled-border: null !default;
|
|
81
|
+
/// The background gradient of the track when the disabled switch is not checked.
|
|
133
82
|
/// @group switch
|
|
134
|
-
$kendo-switch-
|
|
83
|
+
$kendo-switch-off-track-disabled-gradient: null !default;
|
|
135
84
|
|
|
136
|
-
/// The background of the
|
|
137
|
-
/// @group switch
|
|
138
|
-
$kendo-switch-on-focus-bg: null !default;
|
|
139
|
-
/// The text color of the focused switch when checked.
|
|
85
|
+
/// The background of the thumb when the switch is not checked.
|
|
140
86
|
/// @group switch
|
|
141
|
-
$kendo-switch-
|
|
142
|
-
/// The
|
|
87
|
+
$kendo-switch-off-thumb-bg: try-shade( $kendo-switch-off-track-bg ) !default;
|
|
88
|
+
/// The text color of the thumb when the switch is not checked.
|
|
143
89
|
/// @group switch
|
|
144
|
-
$kendo-switch-
|
|
145
|
-
/// The
|
|
90
|
+
$kendo-switch-off-thumb-text: null !default;
|
|
91
|
+
/// The border color of the thumb when the switch is not checked.
|
|
146
92
|
/// @group switch
|
|
147
|
-
$kendo-switch-
|
|
148
|
-
/// The
|
|
93
|
+
$kendo-switch-off-thumb-border: $kendo-switch-off-track-border !default;
|
|
94
|
+
/// The background gradient of the thumb when the switch is not checked.
|
|
149
95
|
/// @group switch
|
|
150
|
-
$kendo-switch-
|
|
96
|
+
$kendo-switch-off-thumb-gradient: $base-gradient !default;
|
|
151
97
|
|
|
152
|
-
/// The background of the thumb when the switch is checked.
|
|
153
|
-
/// @group switch
|
|
154
|
-
$kendo-switch-on-thumb-bg: darken( white, 5 ) !default;
|
|
155
|
-
/// The text color of the thumb when the switch is checked.
|
|
98
|
+
/// The background of the thumb when the hovered switch is not checked.
|
|
156
99
|
/// @group switch
|
|
157
|
-
$kendo-switch-
|
|
158
|
-
/// The
|
|
100
|
+
$kendo-switch-off-thumb-hover-bg: try-shade( $kendo-switch-off-thumb-bg ) !default;
|
|
101
|
+
/// The text color of the thumb when the hovered switch is not checked.
|
|
159
102
|
/// @group switch
|
|
160
|
-
$kendo-switch-
|
|
161
|
-
/// The
|
|
103
|
+
$kendo-switch-off-thumb-hover-text: null !default;
|
|
104
|
+
/// The border color of the thumb when the hovered switch is not checked.
|
|
162
105
|
/// @group switch
|
|
163
|
-
$kendo-switch-
|
|
164
|
-
/// The
|
|
106
|
+
$kendo-switch-off-thumb-hover-border: $kendo-switch-off-thumb-border !default;
|
|
107
|
+
/// The background gradient of the thumb when the hovered switch is not checked.
|
|
165
108
|
/// @group switch
|
|
166
|
-
$kendo-switch-
|
|
109
|
+
$kendo-switch-off-thumb-hover-gradient: null !default;
|
|
167
110
|
|
|
168
|
-
|
|
111
|
+
|
|
112
|
+
/// The background of the track when the switch is checked.
|
|
169
113
|
/// @group switch
|
|
170
|
-
$kendo-switch-on-
|
|
171
|
-
/// The text color of the
|
|
114
|
+
$kendo-switch-on-track-bg: $component-bg !default;
|
|
115
|
+
/// The text color of the track when the switch is checked.
|
|
172
116
|
/// @group switch
|
|
173
|
-
$kendo-switch-on-
|
|
174
|
-
/// The border color of the
|
|
117
|
+
$kendo-switch-on-track-text: $primary !default;
|
|
118
|
+
/// The border color of the track when the switch is checked.
|
|
175
119
|
/// @group switch
|
|
176
|
-
$kendo-switch-on-
|
|
177
|
-
/// The background gradient of the
|
|
120
|
+
$kendo-switch-on-track-border: $component-border !default;
|
|
121
|
+
/// The background gradient of the track when the switch is checked.
|
|
178
122
|
/// @group switch
|
|
179
|
-
$kendo-switch-on-
|
|
123
|
+
$kendo-switch-on-track-gradient: null !default;
|
|
180
124
|
|
|
181
|
-
/// The background of the switch
|
|
182
|
-
/// @group switch
|
|
183
|
-
$kendo-switch-off-bg: $component-bg !default;
|
|
184
|
-
/// The text color of the switch when not checked.
|
|
125
|
+
/// The background of the track wen the hovered switch is checked.
|
|
185
126
|
/// @group switch
|
|
186
|
-
$kendo-switch-
|
|
187
|
-
/// The
|
|
127
|
+
$kendo-switch-on-track-hover-bg: null !default;
|
|
128
|
+
/// The text color of the track wen the hovered switch is checked.
|
|
188
129
|
/// @group switch
|
|
189
|
-
$kendo-switch-
|
|
190
|
-
/// The
|
|
130
|
+
$kendo-switch-on-track-hover-text: null !default;
|
|
131
|
+
/// The border color of the track wen the hovered switch is checked.
|
|
191
132
|
/// @group switch
|
|
192
|
-
$kendo-switch-
|
|
193
|
-
/// The
|
|
133
|
+
$kendo-switch-on-track-hover-border: null !default;
|
|
134
|
+
/// The background gradient of the track wen the hovered switch is checked.
|
|
194
135
|
/// @group switch
|
|
195
|
-
$kendo-switch-
|
|
136
|
+
$kendo-switch-on-track-hover-gradient: null !default;
|
|
196
137
|
|
|
197
|
-
/// The background of the
|
|
138
|
+
/// The background of the track wen the focused switch is checked.
|
|
198
139
|
/// @group switch
|
|
199
|
-
$kendo-switch-
|
|
200
|
-
/// The text color of the
|
|
140
|
+
$kendo-switch-on-track-focus-bg: null !default;
|
|
141
|
+
/// The text color of the track wen the focused switch is checked.
|
|
201
142
|
/// @group switch
|
|
202
|
-
$kendo-switch-
|
|
203
|
-
/// The border color of the
|
|
143
|
+
$kendo-switch-on-track-focus-text: null !default;
|
|
144
|
+
/// The border color of the track wen the focused switch is checked.
|
|
204
145
|
/// @group switch
|
|
205
|
-
$kendo-switch-
|
|
206
|
-
/// The background gradient of the
|
|
146
|
+
$kendo-switch-on-track-focus-border: null !default;
|
|
147
|
+
/// The background gradient of the track wen the focused switch is checked.
|
|
207
148
|
/// @group switch
|
|
208
|
-
$kendo-switch-
|
|
209
|
-
|
|
210
|
-
/// The background of the focused switch when not checked.
|
|
149
|
+
$kendo-switch-on-track-focus-gradient: null !default;
|
|
150
|
+
/// The ring around the track wen the focused switch is checked.
|
|
211
151
|
/// @group switch
|
|
212
|
-
$kendo-switch-
|
|
213
|
-
|
|
152
|
+
$kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if($dark-theme, $white, $black), .25 ) !default;
|
|
153
|
+
|
|
154
|
+
/// The background of the track when the disabled switch is checked.
|
|
214
155
|
/// @group switch
|
|
215
|
-
$kendo-switch-
|
|
216
|
-
/// The
|
|
156
|
+
$kendo-switch-on-track-disabled-bg: null !default;
|
|
157
|
+
/// The text color of the track when the disabled switch is checked.
|
|
217
158
|
/// @group switch
|
|
218
|
-
$kendo-switch-
|
|
219
|
-
/// The
|
|
159
|
+
$kendo-switch-on-track-disabled-text: null !default;
|
|
160
|
+
/// The border color of the track when the disabled switch is checked.
|
|
220
161
|
/// @group switch
|
|
221
|
-
$kendo-switch-
|
|
222
|
-
/// The
|
|
162
|
+
$kendo-switch-on-track-disabled-border: null !default;
|
|
163
|
+
/// The background gradient of the track when the disabled switch is checked.
|
|
223
164
|
/// @group switch
|
|
224
|
-
$kendo-switch-
|
|
165
|
+
$kendo-switch-on-track-disabled-gradient: null !default;
|
|
225
166
|
|
|
226
|
-
/// The background of the thumb when the switch is
|
|
227
|
-
/// @group switch
|
|
228
|
-
$kendo-switch-off-thumb-bg: $kendo-switch-on-thumb-bg !default;
|
|
229
|
-
/// The text color of the thumb when the switch is not checked.
|
|
167
|
+
/// The background of the thumb when the switch is checked.
|
|
230
168
|
/// @group switch
|
|
231
|
-
$kendo-switch-
|
|
232
|
-
/// The
|
|
169
|
+
$kendo-switch-on-thumb-bg: $primary !default;
|
|
170
|
+
/// The text color of the thumb when the switch is checked.
|
|
233
171
|
/// @group switch
|
|
234
|
-
$kendo-switch-
|
|
235
|
-
/// The
|
|
172
|
+
$kendo-switch-on-thumb-text: null !default;
|
|
173
|
+
/// The border color of the thumb when the switch is checked.
|
|
236
174
|
/// @group switch
|
|
237
|
-
$kendo-switch-
|
|
238
|
-
/// The
|
|
175
|
+
$kendo-switch-on-thumb-border: try-shade( $kendo-switch-on-thumb-bg ) !default;
|
|
176
|
+
/// The background gradient of the thumb when the switch is checked.
|
|
239
177
|
/// @group switch
|
|
240
|
-
$kendo-switch-
|
|
178
|
+
$kendo-switch-on-thumb-gradient: $base-gradient !default;
|
|
241
179
|
|
|
242
|
-
/// The background of the thumb when the hovered switch is
|
|
180
|
+
/// The background of the thumb when the hovered switch is checked.
|
|
243
181
|
/// @group switch
|
|
244
|
-
$kendo-switch-
|
|
245
|
-
/// The text color of the thumb when the hovered switch is
|
|
182
|
+
$kendo-switch-on-thumb-hover-bg: try-shade( $kendo-switch-on-thumb-bg ) !default;
|
|
183
|
+
/// The text color of the thumb when the hovered switch is checked.
|
|
246
184
|
/// @group switch
|
|
247
|
-
$kendo-switch-
|
|
248
|
-
/// The border color of the thumb when the hovered switch is
|
|
185
|
+
$kendo-switch-on-thumb-hover-text: null !default;
|
|
186
|
+
/// The border color of the thumb when the hovered switch is checked.
|
|
249
187
|
/// @group switch
|
|
250
|
-
$kendo-switch-
|
|
251
|
-
/// The background gradient of the thumb when the hovered switch is
|
|
188
|
+
$kendo-switch-on-thumb-hover-border: try-shade( $kendo-switch-on-thumb-hover-bg ) !default;
|
|
189
|
+
/// The background gradient of the thumb when the hovered switch is checked.
|
|
252
190
|
/// @group switch
|
|
253
|
-
$kendo-switch-
|
|
191
|
+
$kendo-switch-on-thumb-hover-gradient: null !default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@import "../core/_index.scss";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
// Dependencies
|
|
5
|
+
@import "../common/_index.scss";
|
|
6
|
+
@import "../input/_index.scss";
|
|
7
|
+
@import "../floating-label/_index.scss";
|
|
8
|
+
@import "../combobox/_index.scss";
|
|
9
|
+
@import "../popup/_index.scss";
|
|
10
|
+
@import "../toolbar/_variables.scss";
|
|
11
|
+
@import "../menu/_variables.scss";
|
|
12
|
+
@import "../grid/_variables.scss";
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
// Component
|
|
16
|
+
@import "_variables.scss";
|
|
17
|
+
@import "_layout.scss";
|
|
18
|
+
@import "_theme.scss";
|
|
19
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/table/_layout.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/table/_theme.scss";
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
// Table
|
|
2
|
+
|
|
3
|
+
/// The width of the table border.
|
|
4
|
+
/// @group table
|
|
5
|
+
$kendo-table-border-width: 1px !default;
|
|
6
|
+
/// The width of vertical border of table cells.
|
|
7
|
+
/// @group table
|
|
8
|
+
$kendo-table-cell-vertical-border-width: $grid-cell-vertical-border-width !default;
|
|
9
|
+
/// The width of horizontal border of table cells.
|
|
10
|
+
/// @group table
|
|
11
|
+
$kendo-table-cell-horizontal-border-width: $grid-cell-horizontal-border-width !default;
|
|
12
|
+
|
|
13
|
+
/// The font size of the table if no size is specified.
|
|
14
|
+
/// @group table
|
|
15
|
+
$kendo-table-font-size: null !default;
|
|
16
|
+
|
|
17
|
+
/// The line-height of the table if no size is specified.
|
|
18
|
+
/// @group table
|
|
19
|
+
$kendo-table-line-height: null !default;
|
|
20
|
+
|
|
21
|
+
/// The horizontal padding of the cells in the table if no size is specified.
|
|
22
|
+
/// @group table
|
|
23
|
+
$kendo-table-cell-padding-x: null !default;
|
|
24
|
+
|
|
25
|
+
/// The vertical padding of the cells in the table if no size is specified.
|
|
26
|
+
/// @group table
|
|
27
|
+
$kendo-table-cell-padding-y: null !default;
|
|
28
|
+
|
|
29
|
+
/// The sizes of the table.
|
|
30
|
+
/// @group table
|
|
31
|
+
$kendo-table-sizes: (
|
|
32
|
+
sm: (
|
|
33
|
+
font-size: $font-size-md,
|
|
34
|
+
line-height: $line-height-md,
|
|
35
|
+
cell-padding-x: map-get( $spacing, 2 ),
|
|
36
|
+
cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
|
|
37
|
+
),
|
|
38
|
+
md: (
|
|
39
|
+
font-size: $font-size-md,
|
|
40
|
+
line-height: $line-height-md,
|
|
41
|
+
cell-padding-x: map-get( $spacing, 2 ),
|
|
42
|
+
cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
|
|
43
|
+
),
|
|
44
|
+
lg: (
|
|
45
|
+
font-size: $font-size-md,
|
|
46
|
+
line-height: $line-height-md,
|
|
47
|
+
cell-padding-x: map-get( $spacing, 2 ),
|
|
48
|
+
cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
|
|
49
|
+
)
|
|
50
|
+
) !default;
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
/// Background color of tables.
|
|
54
|
+
/// @group table
|
|
55
|
+
$kendo-table-bg: $grid-bg !default;
|
|
56
|
+
/// Text color of tables.
|
|
57
|
+
/// @group table
|
|
58
|
+
$kendo-table-text: $grid-text !default;
|
|
59
|
+
/// Border color of tables.
|
|
60
|
+
/// @group table
|
|
61
|
+
$kendo-table-border: $grid-border !default;
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
/// Background color of table headers.
|
|
65
|
+
/// @group table
|
|
66
|
+
$kendo-table-header-bg: $grid-header-bg !default;
|
|
67
|
+
/// Text color of table headers.
|
|
68
|
+
/// @group table
|
|
69
|
+
$kendo-table-header-text: $grid-header-text !default;
|
|
70
|
+
/// Border color of table headers.
|
|
71
|
+
/// @group table
|
|
72
|
+
$kendo-table-header-border: $grid-header-border !default;
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
/// Background color of table footers.
|
|
76
|
+
/// @group table
|
|
77
|
+
$kendo-table-footer-bg: $grid-footer-bg !default;
|
|
78
|
+
/// Text color of table footers.
|
|
79
|
+
/// @group table
|
|
80
|
+
$kendo-table-footer-text: $grid-footer-text !default;
|
|
81
|
+
/// Border color of table footers.
|
|
82
|
+
/// @group table
|
|
83
|
+
$kendo-table-footer-border: $grid-footer-border !default;
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
/// Background color of group rows in table.
|
|
87
|
+
/// @group table
|
|
88
|
+
$kendo-table-group-row-bg: $kendo-table-header-bg !default;
|
|
89
|
+
/// Text color of group rows in table.
|
|
90
|
+
/// @group table
|
|
91
|
+
$kendo-table-group-row-text: $kendo-table-header-text !default;
|
|
92
|
+
/// Border color of group rows in table.
|
|
93
|
+
/// @group table
|
|
94
|
+
$kendo-table-group-row-border: $kendo-table-header-border !default;
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
/// Background color of alternating rows in table.
|
|
98
|
+
/// @group table
|
|
99
|
+
$kendo-table-alt-row-bg: $grid-alt-bg !default;
|
|
100
|
+
/// Text color of alternating rows in table.
|
|
101
|
+
/// @group table
|
|
102
|
+
$kendo-table-alt-row-text: $grid-alt-text !default;
|
|
103
|
+
/// Border color of alternating rows in table.
|
|
104
|
+
/// @group table
|
|
105
|
+
$kendo-table-alt-row-border: $grid-alt-border !default;
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
/// Background color of hovered rows in table.
|
|
109
|
+
/// @group table
|
|
110
|
+
$kendo-table-hover-bg: $grid-hovered-bg !default;
|
|
111
|
+
/// Text color of hovered rows in table.
|
|
112
|
+
/// @group table
|
|
113
|
+
$kendo-table-hover-text: $grid-hovered-text !default;
|
|
114
|
+
/// Border color of hovered rows in table.
|
|
115
|
+
/// @group table
|
|
116
|
+
$kendo-table-hover-border: $grid-hovered-border !default;
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
/// Background color of focused rows in table.
|
|
120
|
+
/// @group table
|
|
121
|
+
$kendo-table-focus-bg: null !default;
|
|
122
|
+
/// Text color of focused rows in table.
|
|
123
|
+
/// @group table
|
|
124
|
+
$kendo-table-focus-text: null !default;
|
|
125
|
+
/// Border color of focused rows in table.
|
|
126
|
+
/// @group table
|
|
127
|
+
$kendo-table-focus-border: null !default;
|
|
128
|
+
/// Box shadow of focused rows in table.
|
|
129
|
+
/// @group table
|
|
130
|
+
$kendo-table-focus-shadow: $grid-focused-shadow !default;
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
/// Background color of selected rows in table.
|
|
134
|
+
/// @group table
|
|
135
|
+
$kendo-table-selected-bg: $grid-selected-bg !default;
|
|
136
|
+
/// Text color of selected rows in table.
|
|
137
|
+
/// @group table
|
|
138
|
+
$kendo-table-selected-text: $grid-selected-text !default;
|
|
139
|
+
/// Border color of selected rows in table.
|
|
140
|
+
/// @group table
|
|
141
|
+
$kendo-table-selected-border: $grid-selected-border !default;
|
|
@@ -77,7 +77,7 @@ $tabstrip-item-selected-border: $component-border !default;
|
|
|
77
77
|
/// @group tabstrip
|
|
78
78
|
$tabstrip-item-selected-gradient: false !default;
|
|
79
79
|
|
|
80
|
-
$tabstrip-item-focused-shadow: $list-item-
|
|
80
|
+
$tabstrip-item-focused-shadow: $kendo-list-item-focus-shadow !default;
|
|
81
81
|
|
|
82
82
|
$tabstrip-item-dragging-shadow: 0px 3px 4px rgba(0, 0, 0, .15) !default;
|
|
83
83
|
|
|
@@ -86,10 +86,10 @@ $tabstrip-indicator-color: null !default;
|
|
|
86
86
|
|
|
87
87
|
/// Horizontal padding of tabstrip content
|
|
88
88
|
/// @group tabstrip
|
|
89
|
-
$tabstrip-content-padding-x:
|
|
89
|
+
$tabstrip-content-padding-x: map-get( $spacing, 4 ) !default;
|
|
90
90
|
/// Vertical padding of tabstrip content
|
|
91
91
|
/// @group tabstrip
|
|
92
|
-
$tabstrip-content-padding-y:
|
|
92
|
+
$tabstrip-content-padding-y: map-get( $spacing, 4 ) !default;
|
|
93
93
|
/// Width of border around tabstrip content
|
|
94
94
|
/// @group tabstrip
|
|
95
95
|
$tabstrip-content-border-width: 1px !default;
|
|
@@ -46,8 +46,6 @@ $taskboard-column-cards-padding-y: null !default;
|
|
|
46
46
|
$taskboard-column-cards-padding-x: null !default;
|
|
47
47
|
$taskboard-column-cards-gap: ( $taskboard-spacer / 2 ) !default;
|
|
48
48
|
|
|
49
|
-
$taskboard-column-new-calc-height: calc( #{$kendo-input-calc-height} + #{$taskboard-column-header-padding-y * 2} ) !default;
|
|
50
|
-
|
|
51
49
|
$taskboard-pane-width: $taskboard-column-width !default;
|
|
52
50
|
$taskboard-pane-padding-y: null !default;
|
|
53
51
|
$taskboard-pane-padding-x: null !default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@import "../core/_index.scss";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
// Dependencies
|
|
5
|
+
@import "../input/_index.scss";
|
|
6
|
+
@import "../button/_index.scss";
|
|
7
|
+
@import "../popup/_index.scss";
|
|
8
|
+
@import "../list/_index.scss";
|
|
9
|
+
@import "../timeselector/_index.scss";
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
// Component
|
|
13
|
+
@import "_variables.scss";
|
|
14
|
+
@import "_layout.scss";
|
|
15
|
+
@import "_theme.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/timepicker/_layout.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/timepicker/_theme.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
// Time picker
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@import "../core/_index.scss";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
// Dependencies
|
|
5
|
+
@import "../list/_index.scss";
|
|
6
|
+
@import "../action-buttons/_index.scss";
|
|
7
|
+
@import "../button/_index.scss";
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
// Component
|
|
11
|
+
@import "_variables.scss";
|
|
12
|
+
@import "_layout.scss";
|
|
13
|
+
@import "_theme.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/timeselector/_layout.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/timeselector/_theme.scss";
|