@progress/kendo-theme-classic 5.0.0-beta.5 → 5.0.0-beta.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 +4366 -4063
- package/dist/all.scss +1669 -1381
- package/package.json +3 -3
- package/scss/chip/_variables.scss +29 -14
- package/scss/input/_variables.scss +37 -13
- package/scss/switch/_variables.scss +22 -25
- package/scss/toolbar/_index.scss +1 -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": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.6",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-theme-default": "^5.0.0-beta.
|
|
52
|
+
"@progress/kendo-theme-default": "^5.0.0-beta.6"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "ec5cba0585090e2d366f93d5c13fc09299f251d8"
|
|
55
55
|
}
|
|
@@ -10,27 +10,27 @@ $kendo-chip-spacing: map-get( $spacing, 2 );
|
|
|
10
10
|
/// Horizontal padding of the chip.
|
|
11
11
|
/// @group chip
|
|
12
12
|
$kendo-chip-padding-x: map-get( $spacing, 1 ) !default;
|
|
13
|
-
$kendo-chip-padding-x-sm:
|
|
14
|
-
$kendo-chip-padding-x-md:
|
|
15
|
-
$kendo-chip-padding-x-lg:
|
|
13
|
+
$kendo-chip-padding-x-sm: map-get( $spacing, 1 ) !default;
|
|
14
|
+
$kendo-chip-padding-x-md: map-get( $spacing, 1 ) !default;
|
|
15
|
+
$kendo-chip-padding-x-lg: map-get( $spacing, 1 ) !default;
|
|
16
16
|
|
|
17
17
|
/// Vertical padding of the chip.
|
|
18
18
|
/// @group chip
|
|
19
|
-
$kendo-chip-padding-y:
|
|
20
|
-
$kendo-chip-padding-y-sm: $
|
|
21
|
-
$kendo-chip-padding-y-md:
|
|
22
|
-
$kendo-chip-padding-y-lg: $
|
|
19
|
+
$kendo-chip-padding-y: map-get( $spacing, 1 ) !default;
|
|
20
|
+
$kendo-chip-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
21
|
+
$kendo-chip-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
22
|
+
$kendo-chip-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
23
23
|
|
|
24
24
|
/// Font sizes of the chip.
|
|
25
25
|
/// @group chip
|
|
26
|
-
$kendo-chip-font-size: $font-size !default;
|
|
27
|
-
$kendo-chip-font-size-sm: $font-size-
|
|
28
|
-
$kendo-chip-font-size-md: $font-size !default;
|
|
26
|
+
$kendo-chip-font-size: $font-size-md !default;
|
|
27
|
+
$kendo-chip-font-size-sm: $font-size-md !default;
|
|
28
|
+
$kendo-chip-font-size-md: $font-size-md !default;
|
|
29
29
|
$kendo-chip-font-size-lg: $font-size-md !default;
|
|
30
30
|
|
|
31
31
|
/// Line heights of the chip that are connected to the $font-size.
|
|
32
32
|
/// @group chip
|
|
33
|
-
$kendo-chip-line-height:
|
|
33
|
+
$kendo-chip-line-height: 1 !default;
|
|
34
34
|
$kendo-chip-line-height-sm: $kendo-chip-line-height !default;
|
|
35
35
|
$kendo-chip-line-height-md: $kendo-chip-line-height !default;
|
|
36
36
|
$kendo-chip-line-height-lg: $kendo-chip-line-height !default;
|
|
@@ -38,9 +38,24 @@ $kendo-chip-line-height-lg: $kendo-chip-line-height !default;
|
|
|
38
38
|
/// Sizes map for the chip.
|
|
39
39
|
/// @group chip
|
|
40
40
|
$kendo-chip-sizes: (
|
|
41
|
-
sm: (
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
sm: (
|
|
42
|
+
padding-x: $kendo-chip-padding-x-sm,
|
|
43
|
+
padding-y: $kendo-chip-padding-y-sm,
|
|
44
|
+
font-size: $kendo-chip-font-size-sm,
|
|
45
|
+
line-height: $kendo-chip-line-height-sm
|
|
46
|
+
),
|
|
47
|
+
md: (
|
|
48
|
+
padding-x: $kendo-chip-padding-x-md,
|
|
49
|
+
padding-y: $kendo-chip-padding-y-md,
|
|
50
|
+
font-size: $kendo-chip-font-size-md,
|
|
51
|
+
line-height: $kendo-chip-line-height-md
|
|
52
|
+
),
|
|
53
|
+
lg: (
|
|
54
|
+
padding-x: $kendo-chip-padding-x-lg,
|
|
55
|
+
padding-y: $kendo-chip-padding-y-lg,
|
|
56
|
+
font-size: $kendo-chip-font-size-lg,
|
|
57
|
+
line-height: $kendo-chip-line-height-lg
|
|
58
|
+
)
|
|
44
59
|
) !default;
|
|
45
60
|
|
|
46
61
|
/// The base background of the chip.
|
|
@@ -5,24 +5,24 @@ $kendo-input-border-width: 1px !default;
|
|
|
5
5
|
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
|
|
6
6
|
$kendo-input-border-radius: null !default;
|
|
7
7
|
|
|
8
|
-
$kendo-input-padding-x:
|
|
9
|
-
$kendo-input-padding-y:
|
|
8
|
+
$kendo-input-padding-x: map-get( $spacing, 2 ) !default;
|
|
9
|
+
$kendo-input-padding-y: map-get( $spacing, 1 ) !default;
|
|
10
10
|
$kendo-input-font-family: $font-family !default;
|
|
11
|
-
$kendo-input-font-size: $font-size !default;
|
|
12
|
-
$kendo-input-line-height: $line-height !default;
|
|
11
|
+
$kendo-input-font-size: $font-size-md !default;
|
|
12
|
+
$kendo-input-line-height: $line-height-md !default;
|
|
13
13
|
|
|
14
|
-
$kendo-input-padding-x-sm: ($
|
|
15
|
-
$kendo-input-padding-y-sm: ($
|
|
14
|
+
$kendo-input-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
15
|
+
$kendo-input-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
16
16
|
$kendo-input-font-size-sm: $font-size-md !default;
|
|
17
17
|
$kendo-input-line-height-sm: $line-height-md !default;
|
|
18
18
|
|
|
19
|
-
$kendo-input-padding-x-md:
|
|
20
|
-
$kendo-input-padding-y-md:
|
|
19
|
+
$kendo-input-padding-x-md: map-get( $spacing, 2 ) !default;
|
|
20
|
+
$kendo-input-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
21
21
|
$kendo-input-font-size-md: $font-size-md !default;
|
|
22
22
|
$kendo-input-line-height-md: $line-height-md !default;
|
|
23
23
|
|
|
24
|
-
$kendo-input-padding-x-lg: ($
|
|
25
|
-
$kendo-input-padding-y-lg: ($
|
|
24
|
+
$kendo-input-padding-x-lg: map-get( $spacing, 2 ) !default;
|
|
25
|
+
$kendo-input-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
26
26
|
$kendo-input-font-size-lg: $font-size-md !default;
|
|
27
27
|
$kendo-input-line-height-lg: $line-height-md !default;
|
|
28
28
|
|
|
@@ -32,21 +32,27 @@ $kendo-input-sizes: (
|
|
|
32
32
|
padding-y: $kendo-input-padding-y-sm,
|
|
33
33
|
font-size: $kendo-input-font-size-sm,
|
|
34
34
|
line-height: $kendo-input-line-height-sm,
|
|
35
|
-
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} )
|
|
35
|
+
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
|
|
36
|
+
button-padding-x: $kendo-input-padding-y-sm,
|
|
37
|
+
button-padding-y: $kendo-input-padding-y-sm
|
|
36
38
|
),
|
|
37
39
|
md: (
|
|
38
40
|
padding-x: $kendo-input-padding-x-md,
|
|
39
41
|
padding-y: $kendo-input-padding-y-md,
|
|
40
42
|
font-size: $kendo-input-font-size-md,
|
|
41
43
|
line-height: $kendo-input-line-height-md,
|
|
42
|
-
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} )
|
|
44
|
+
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
|
|
45
|
+
button-padding-x: $kendo-input-padding-y-md,
|
|
46
|
+
button-padding-y: $kendo-input-padding-y-md
|
|
43
47
|
),
|
|
44
48
|
lg: (
|
|
45
49
|
padding-x: $kendo-input-padding-x-lg,
|
|
46
50
|
padding-y: $kendo-input-padding-y-lg,
|
|
47
51
|
font-size: $kendo-input-font-size-lg,
|
|
48
52
|
line-height: $kendo-input-line-height-lg,
|
|
49
|
-
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} )
|
|
53
|
+
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
|
|
54
|
+
button-padding-x: $kendo-input-padding-y-lg,
|
|
55
|
+
button-padding-y: $kendo-input-padding-y-lg
|
|
50
56
|
)
|
|
51
57
|
) !default;
|
|
52
58
|
|
|
@@ -65,6 +71,24 @@ $kendo-input-focus-text: null !default;
|
|
|
65
71
|
$kendo-input-focus-border: rgba(0, 0, 0, .1) !default;
|
|
66
72
|
$kendo-input-focus-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
|
|
67
73
|
|
|
74
|
+
$kendo-picker-bg: $kendo-button-bg !default;
|
|
75
|
+
$kendo-picker-text: $kendo-button-text !default;
|
|
76
|
+
$kendo-picker-border: $kendo-button-border !default;
|
|
77
|
+
$kendo-picker-gradient: $kendo-button-gradient !default;
|
|
78
|
+
$kendo-picker-shadow: $kendo-button-shadow !default;
|
|
79
|
+
|
|
80
|
+
$kendo-picker-hover-bg: $kendo-button-hover-bg !default;
|
|
81
|
+
$kendo-picker-hover-text: $kendo-button-hover-text !default;
|
|
82
|
+
$kendo-picker-hover-border: $kendo-button-hover-border !default;
|
|
83
|
+
$kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
|
|
84
|
+
$kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
|
|
85
|
+
|
|
86
|
+
$kendo-picker-focus-bg: $kendo-button-focus-bg !default;
|
|
87
|
+
$kendo-picker-focus-text: $kendo-button-focus-text !default;
|
|
88
|
+
$kendo-picker-focus-border: $kendo-button-focus-border !default;
|
|
89
|
+
$kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
|
|
90
|
+
$kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
|
|
91
|
+
|
|
68
92
|
$kendo-input-placeholder-text: $subtle-text !default;
|
|
69
93
|
$kendo-input-placeholder-opacity: 1 !default;
|
|
70
94
|
|
|
@@ -3,9 +3,6 @@
|
|
|
3
3
|
/// Font family of the switch.
|
|
4
4
|
/// @group switch
|
|
5
5
|
$kendo-switch-font-family: null !default;
|
|
6
|
-
/// Line height of the switch.
|
|
7
|
-
/// @group switch
|
|
8
|
-
$kendo-switch-line-height: null !default;
|
|
9
6
|
|
|
10
7
|
/// Border width of the switch track.
|
|
11
8
|
/// @group switch
|
|
@@ -17,17 +14,17 @@ $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: uppercase !default;
|
|
21
18
|
/// Display of the switch label.
|
|
22
19
|
/// @group switch
|
|
23
|
-
$kendo-switch-label-display:
|
|
20
|
+
$kendo-switch-label-display: inline !default;
|
|
24
21
|
|
|
25
22
|
/// Map with the different switch sizes.
|
|
26
23
|
/// @group switch
|
|
27
24
|
$kendo-switch-sizes: (
|
|
28
|
-
sm: ( font-size:
|
|
29
|
-
md: ( font-size:
|
|
30
|
-
lg: ( font-size: 12px, track-width:
|
|
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.
|
|
@@ -70,7 +67,7 @@ $kendo-switch-off-track-focus-border: null !default;
|
|
|
70
67
|
$kendo-switch-off-track-focus-gradient: null !default;
|
|
71
68
|
/// The ring around the track when the focused switch is not checked.
|
|
72
69
|
/// @group switch
|
|
73
|
-
$kendo-switch-off-track-focus-ring:
|
|
70
|
+
$kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if($dark-theme, $white, $black), .25 ) !default;
|
|
74
71
|
|
|
75
72
|
/// The background of the track when the disabled switch is not checked.
|
|
76
73
|
/// @group switch
|
|
@@ -87,26 +84,26 @@ $kendo-switch-off-track-disabled-gradient: null !default;
|
|
|
87
84
|
|
|
88
85
|
/// The background of the thumb when the switch is not checked.
|
|
89
86
|
/// @group switch
|
|
90
|
-
$kendo-switch-off-thumb-bg: $
|
|
87
|
+
$kendo-switch-off-thumb-bg: try-shade( $kendo-switch-off-track-bg ) !default;
|
|
91
88
|
/// The text color of the thumb when the switch is not checked.
|
|
92
89
|
/// @group switch
|
|
93
|
-
$kendo-switch-off-thumb-text:
|
|
90
|
+
$kendo-switch-off-thumb-text: null !default;
|
|
94
91
|
/// The border color of the thumb when the switch is not checked.
|
|
95
92
|
/// @group switch
|
|
96
|
-
$kendo-switch-off-thumb-border: $
|
|
93
|
+
$kendo-switch-off-thumb-border: $kendo-switch-off-track-border !default;
|
|
97
94
|
/// The background gradient of the thumb when the switch is not checked.
|
|
98
95
|
/// @group switch
|
|
99
|
-
$kendo-switch-off-thumb-gradient:
|
|
96
|
+
$kendo-switch-off-thumb-gradient: $base-gradient !default;
|
|
100
97
|
|
|
101
98
|
/// The background of the thumb when the hovered switch is not checked.
|
|
102
99
|
/// @group switch
|
|
103
|
-
$kendo-switch-off-thumb-hover-bg:
|
|
100
|
+
$kendo-switch-off-thumb-hover-bg: try-shade( $kendo-switch-off-thumb-bg ) !default;
|
|
104
101
|
/// The text color of the thumb when the hovered switch is not checked.
|
|
105
102
|
/// @group switch
|
|
106
103
|
$kendo-switch-off-thumb-hover-text: null !default;
|
|
107
104
|
/// The border color of the thumb when the hovered switch is not checked.
|
|
108
105
|
/// @group switch
|
|
109
|
-
$kendo-switch-off-thumb-hover-border:
|
|
106
|
+
$kendo-switch-off-thumb-hover-border: $kendo-switch-off-thumb-border !default;
|
|
110
107
|
/// The background gradient of the thumb when the hovered switch is not checked.
|
|
111
108
|
/// @group switch
|
|
112
109
|
$kendo-switch-off-thumb-hover-gradient: null !default;
|
|
@@ -114,13 +111,13 @@ $kendo-switch-off-thumb-hover-gradient: null !default;
|
|
|
114
111
|
|
|
115
112
|
/// The background of the track when the switch is checked.
|
|
116
113
|
/// @group switch
|
|
117
|
-
$kendo-switch-on-track-bg: $
|
|
114
|
+
$kendo-switch-on-track-bg: $component-bg !default;
|
|
118
115
|
/// The text color of the track when the switch is checked.
|
|
119
116
|
/// @group switch
|
|
120
|
-
$kendo-switch-on-track-text:
|
|
117
|
+
$kendo-switch-on-track-text: $primary !default;
|
|
121
118
|
/// The border color of the track when the switch is checked.
|
|
122
119
|
/// @group switch
|
|
123
|
-
$kendo-switch-on-track-border: $
|
|
120
|
+
$kendo-switch-on-track-border: $component-border !default;
|
|
124
121
|
/// The background gradient of the track when the switch is checked.
|
|
125
122
|
/// @group switch
|
|
126
123
|
$kendo-switch-on-track-gradient: null !default;
|
|
@@ -152,7 +149,7 @@ $kendo-switch-on-track-focus-border: null !default;
|
|
|
152
149
|
$kendo-switch-on-track-focus-gradient: null !default;
|
|
153
150
|
/// The ring around the track wen the focused switch is checked.
|
|
154
151
|
/// @group switch
|
|
155
|
-
$kendo-switch-on-track-focus-ring:
|
|
152
|
+
$kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if($dark-theme, $white, $black), .25 ) !default;
|
|
156
153
|
|
|
157
154
|
/// The background of the track when the disabled switch is checked.
|
|
158
155
|
/// @group switch
|
|
@@ -169,26 +166,26 @@ $kendo-switch-on-track-disabled-gradient: null !default;
|
|
|
169
166
|
|
|
170
167
|
/// The background of the thumb when the switch is checked.
|
|
171
168
|
/// @group switch
|
|
172
|
-
$kendo-switch-on-thumb-bg: $
|
|
169
|
+
$kendo-switch-on-thumb-bg: $primary !default;
|
|
173
170
|
/// The text color of the thumb when the switch is checked.
|
|
174
171
|
/// @group switch
|
|
175
|
-
$kendo-switch-on-thumb-text:
|
|
172
|
+
$kendo-switch-on-thumb-text: null !default;
|
|
176
173
|
/// The border color of the thumb when the switch is checked.
|
|
177
174
|
/// @group switch
|
|
178
|
-
$kendo-switch-on-thumb-border: $
|
|
175
|
+
$kendo-switch-on-thumb-border: try-shade( $kendo-switch-on-thumb-bg ) !default;
|
|
179
176
|
/// The background gradient of the thumb when the switch is checked.
|
|
180
177
|
/// @group switch
|
|
181
|
-
$kendo-switch-on-thumb-gradient:
|
|
178
|
+
$kendo-switch-on-thumb-gradient: $base-gradient !default;
|
|
182
179
|
|
|
183
180
|
/// The background of the thumb when the hovered switch is checked.
|
|
184
181
|
/// @group switch
|
|
185
|
-
$kendo-switch-on-thumb-hover-bg:
|
|
182
|
+
$kendo-switch-on-thumb-hover-bg: try-shade( $kendo-switch-on-thumb-bg ) !default;
|
|
186
183
|
/// The text color of the thumb when the hovered switch is checked.
|
|
187
184
|
/// @group switch
|
|
188
185
|
$kendo-switch-on-thumb-hover-text: null !default;
|
|
189
186
|
/// The border color of the thumb when the hovered switch is checked.
|
|
190
187
|
/// @group switch
|
|
191
|
-
$kendo-switch-on-thumb-hover-border:
|
|
188
|
+
$kendo-switch-on-thumb-hover-border: try-shade( $kendo-switch-on-thumb-hover-bg ) !default;
|
|
192
189
|
/// The background gradient of the thumb when the hovered switch is checked.
|
|
193
190
|
/// @group switch
|
|
194
191
|
$kendo-switch-on-thumb-hover-gradient: null !default;
|