@progress/kendo-theme-material 5.0.0-beta.3 → 5.0.0-beta.4
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 +0 -3
- package/dist/all.css +1013 -1622
- package/dist/all.scss +1190 -1443
- package/dist/material-dataviz-v4.scss +8 -0
- package/lib/swatches/material-dataviz-v4.json +51 -0
- package/package.json +3 -3
- package/scss/appbar/_variables.scss +1 -1
- package/scss/autocomplete/_variables.scss +0 -19
- package/scss/button/_layout.scss +26 -14
- package/scss/button/_theme.scss +28 -120
- package/scss/button/_variables.scss +55 -30
- package/scss/chat/_variables.scss +0 -5
- package/scss/checkbox/_theme.scss +2 -9
- package/scss/checkbox/_variables.scss +67 -66
- package/scss/chip/_variables.scss +1 -1
- package/scss/grid/_layout.scss +0 -5
- package/scss/grid/_variables.scss +2 -2
- package/scss/list/_variables.scss +27 -27
- package/scss/listbox/_variables.scss +4 -4
- package/scss/menu/_variables.scss +44 -47
- package/scss/radio/_theme.scss +2 -9
- package/scss/radio/_variables.scss +68 -81
- package/scss/scheduler/_layout.scss +0 -16
- package/scss/table/_variables.scss +5 -5
- package/scss/treeview/_variables.scss +46 -47
|
@@ -1,122 +1,134 @@
|
|
|
1
1
|
// Checkbox
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// Border width of checkbox.
|
|
4
4
|
/// @group checkbox
|
|
5
|
+
$kendo-checkbox-border-width: 2px !default;
|
|
6
|
+
|
|
7
|
+
// Checkbox sizes
|
|
5
8
|
$kendo-checkbox-sizes: (
|
|
6
|
-
sm:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
sm: (
|
|
10
|
+
size: map-get( $spacing, 3 ),
|
|
11
|
+
glyph-size: ( map-get( $spacing, 3 ) - map-get( $spacing, thin ) ),
|
|
12
|
+
ripple-size: map-get( $spacing, 3 ) * 3
|
|
13
|
+
),
|
|
14
|
+
md: (
|
|
15
|
+
size: map-get( $spacing, 4 ),
|
|
16
|
+
glyph-size: ( map-get( $spacing, 4 ) - map-get( $spacing, thin ) ),
|
|
17
|
+
ripple-size: map-get( $spacing, 4 ) * 3
|
|
18
|
+
),
|
|
19
|
+
lg: (
|
|
20
|
+
size: map-get( $spacing, 5 ),
|
|
21
|
+
glyph-size: ( map-get( $spacing, 5 ) - map-get( $spacing, thin ) ),
|
|
22
|
+
ripple-size: map-get( $spacing, 5 ) * 3
|
|
23
|
+
)
|
|
9
24
|
) !default;
|
|
10
25
|
|
|
11
|
-
///
|
|
12
|
-
/// @group checkbox
|
|
13
|
-
$kendo-checkbox-border-width: 2px !default;
|
|
14
|
-
/// The line height of checkbox.
|
|
15
|
-
/// @group checkbox
|
|
16
|
-
$kendo-checkbox-line-height: calc( #{map-get( $kendo-checkbox-sizes, "md" )} + #{$kendo-checkbox-border-width} ) !default;
|
|
17
|
-
|
|
18
|
-
/// The background of checkbox.
|
|
26
|
+
/// Background color of checkbox.
|
|
19
27
|
/// @group checkbox
|
|
20
28
|
$kendo-checkbox-bg: null !default;
|
|
21
|
-
///
|
|
29
|
+
/// Color of checkbox.
|
|
22
30
|
/// @group checkbox
|
|
23
|
-
$kendo-checkbox-text:
|
|
24
|
-
///
|
|
31
|
+
$kendo-checkbox-text: null !default;
|
|
32
|
+
/// Border color of checkbox.
|
|
25
33
|
/// @group checkbox
|
|
26
34
|
$kendo-checkbox-border: rgba( if( $dark-theme, $white, $black ), .54 ) !default;
|
|
27
35
|
|
|
28
|
-
///
|
|
36
|
+
/// Background color of hovered checkbox.
|
|
29
37
|
/// @group checkbox
|
|
30
38
|
$kendo-checkbox-hover-bg: null !default;
|
|
31
|
-
///
|
|
39
|
+
/// Color of hovered checkbox.
|
|
32
40
|
/// @group checkbox
|
|
33
41
|
$kendo-checkbox-hover-text: null !default;
|
|
34
|
-
///
|
|
42
|
+
/// Border color of hovered checkbox.
|
|
35
43
|
/// @group checkbox
|
|
36
|
-
$kendo-checkbox-hover-border:
|
|
44
|
+
$kendo-checkbox-hover-border: null !default;
|
|
37
45
|
|
|
38
|
-
///
|
|
46
|
+
/// Background color of checked checkbox.
|
|
39
47
|
/// @group checkbox
|
|
40
48
|
$kendo-checkbox-checked-bg: $primary !default;
|
|
41
|
-
///
|
|
49
|
+
/// Color of checked checkbox.
|
|
42
50
|
/// @group checkbox
|
|
43
51
|
$kendo-checkbox-checked-text: contrast-wcag( $kendo-checkbox-checked-bg ) !default;
|
|
44
|
-
///
|
|
52
|
+
/// Border color of checked checkbox.
|
|
45
53
|
/// @group checkbox
|
|
46
54
|
$kendo-checkbox-checked-border: $kendo-checkbox-checked-bg !default;
|
|
47
55
|
|
|
48
|
-
///
|
|
56
|
+
/// Background color of indeterminate checkbox.
|
|
49
57
|
/// @group checkbox
|
|
50
58
|
$kendo-checkbox-indeterminate-bg: $kendo-checkbox-checked-bg !default;
|
|
51
|
-
///
|
|
59
|
+
/// Color of indeterminate checkbox.
|
|
52
60
|
/// @group checkbox
|
|
53
61
|
$kendo-checkbox-indeterminate-text: $kendo-checkbox-checked-text !default;
|
|
54
|
-
///
|
|
62
|
+
/// Border color of indeterminate checkbox.
|
|
55
63
|
/// @group checkbox
|
|
56
64
|
$kendo-checkbox-indeterminate-border: $kendo-checkbox-checked-border !default;
|
|
57
65
|
|
|
58
|
-
///
|
|
66
|
+
/// Border color of focused checkbox.
|
|
59
67
|
/// @group checkbox
|
|
60
|
-
$kendo-checkbox-focus-border:
|
|
61
|
-
///
|
|
68
|
+
$kendo-checkbox-focus-border: null !default;
|
|
69
|
+
/// Box shadow of focused checkbox.
|
|
62
70
|
/// @group checkbox
|
|
63
|
-
$kendo-checkbox-focus-shadow:
|
|
64
|
-
///
|
|
71
|
+
$kendo-checkbox-focus-shadow: null !default;
|
|
72
|
+
/// Border color of focused and checked checkbox.
|
|
65
73
|
/// @group checkbox
|
|
66
|
-
$kendo-checkbox-focus-checked-border:
|
|
67
|
-
///
|
|
74
|
+
$kendo-checkbox-focus-checked-border: null !default;
|
|
75
|
+
/// Box shadow of focused and checked checkbox.
|
|
68
76
|
/// @group checkbox
|
|
69
|
-
$kendo-checkbox-focus-checked-shadow:
|
|
77
|
+
$kendo-checkbox-focus-checked-shadow: null !default;
|
|
70
78
|
|
|
71
|
-
///
|
|
79
|
+
/// Background color of disabled checkbox.
|
|
72
80
|
/// @group checkbox
|
|
73
81
|
$kendo-checkbox-disabled-bg: null !default;
|
|
74
|
-
///
|
|
82
|
+
/// Color of disabled checkbox.
|
|
75
83
|
/// @group checkbox
|
|
76
84
|
$kendo-checkbox-disabled-text: null !default;
|
|
77
|
-
///
|
|
85
|
+
/// Border color of disabled checkbox.
|
|
78
86
|
/// @group checkbox
|
|
79
87
|
$kendo-checkbox-disabled-border: try-shade( $component-bg, 4 ) !default;
|
|
80
88
|
|
|
81
|
-
|
|
89
|
+
|
|
90
|
+
/// Background color of disabled and checked checkbox.
|
|
82
91
|
/// @group checkbox
|
|
83
92
|
$kendo-checkbox-disabled-checked-bg: $kendo-checkbox-disabled-border !default;
|
|
84
|
-
///
|
|
93
|
+
/// Color of disabled and checked checkbox.
|
|
85
94
|
/// @group checkbox
|
|
86
95
|
$kendo-checkbox-disabled-checked-text: contrast-wcag( $kendo-checkbox-disabled-checked-bg ) !default;
|
|
87
|
-
///
|
|
96
|
+
/// Border color of disabled and checked checkbox.
|
|
88
97
|
/// @group checkbox
|
|
89
98
|
$kendo-checkbox-disabled-checked-border: $kendo-checkbox-disabled-checked-bg !default;
|
|
90
99
|
|
|
91
|
-
///
|
|
100
|
+
/// Background color of invalid checkbox.
|
|
92
101
|
/// @group checkbox
|
|
93
102
|
$kendo-checkbox-invalid-bg: null !default;
|
|
94
|
-
///
|
|
103
|
+
/// Color of invalid checkbox.
|
|
95
104
|
/// @group checkbox
|
|
96
105
|
$kendo-checkbox-invalid-text: $invalid-text !default;
|
|
97
|
-
///
|
|
106
|
+
/// Border color of invalid checkbox.
|
|
98
107
|
/// @group checkbox
|
|
99
108
|
$kendo-checkbox-invalid-border: $invalid-border !default;
|
|
100
109
|
|
|
101
110
|
|
|
102
111
|
// Checkbox indicator
|
|
103
112
|
|
|
104
|
-
///
|
|
113
|
+
/// Type of checkbox indicator.
|
|
105
114
|
/// @group checkbox
|
|
106
|
-
$kendo-checkbox-
|
|
115
|
+
$kendo-checkbox-indicator-type: image !default;
|
|
107
116
|
|
|
108
|
-
///
|
|
117
|
+
/// Glyph font family of checkbox indicator.
|
|
109
118
|
/// @group checkbox
|
|
110
119
|
$kendo-checkbox-glyph-font-family: "WebComponentsIcons", monospace !default;
|
|
111
|
-
|
|
120
|
+
$kendo-checkbox-glyph-size: 10px !default;
|
|
121
|
+
/// Glyph of checkbox indicator.
|
|
112
122
|
/// @group checkbox
|
|
113
123
|
$kendo-checkbox-checked-glyph: "\e118" !default;
|
|
114
|
-
///
|
|
124
|
+
/// Glyph of indeterminate checkbox indicator.
|
|
115
125
|
/// @group checkbox
|
|
116
126
|
$kendo-checkbox-indeterminate-glyph: "\e121" !default;
|
|
117
127
|
|
|
128
|
+
/// Image of checked checkbox indicator.
|
|
129
|
+
/// @group checkbox
|
|
118
130
|
$kendo-checkbox-checked-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='#{$kendo-checkbox-checked-text}' stroke-width='3' d='M4.1,12.7 9,17.6 20.3,6.3'/></svg>") ) !default;
|
|
119
|
-
///
|
|
131
|
+
/// Image of checked checkbox indicator.
|
|
120
132
|
/// @group checkbox
|
|
121
133
|
$kendo-checkbox-indeterminate-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$kendo-checkbox-indeterminate-text}' stroke-width='3' d='M4 10h12'/></svg>") ) !default;
|
|
122
134
|
|
|
@@ -130,33 +142,22 @@ $kendo-checkbox-label-margin-x: map-get( $spacing, 1 ) !default;
|
|
|
130
142
|
|
|
131
143
|
// Checkbox list
|
|
132
144
|
|
|
133
|
-
///
|
|
145
|
+
/// Spacing between items of horizontal checkbox list.
|
|
134
146
|
/// @group checkbox
|
|
135
147
|
$kendo-checkbox-list-spacing: map-get( $spacing, 4 ) !default;
|
|
136
|
-
///
|
|
148
|
+
/// Horizontal padding of checkbox list items.
|
|
137
149
|
/// @group checkbox
|
|
138
150
|
$kendo-checkbox-list-item-padding-x: 0px !default;
|
|
139
|
-
///
|
|
151
|
+
/// Vertical padding of checkbox list items.
|
|
140
152
|
/// @group checkbox
|
|
141
153
|
$kendo-checkbox-list-item-padding-y: $kendo-list-item-padding-y-md !default;
|
|
142
154
|
|
|
143
155
|
|
|
144
156
|
// Checkbox ripple
|
|
145
157
|
|
|
146
|
-
///
|
|
158
|
+
/// Background color of checkbox ripple.
|
|
147
159
|
/// @group checkbox
|
|
148
|
-
$kendo-checkbox-ripple-
|
|
149
|
-
|
|
150
|
-
md: (map-get( $kendo-checkbox-sizes, "md" ) * 3),
|
|
151
|
-
lg: (map-get( $kendo-checkbox-sizes, "lg" ) * 3)
|
|
152
|
-
) !default;
|
|
153
|
-
/// The ripple margin of checkbox.
|
|
154
|
-
/// @group checkbox
|
|
155
|
-
$kendo-checkbox-ripple-margin: (
|
|
156
|
-
sm: calc(-1 * (#{map-get( $kendo-checkbox-sizes, "sm" )} + #{$kendo-checkbox-border-width})),
|
|
157
|
-
md: calc(-1 * (#{map-get( $kendo-checkbox-sizes, "md" )} + #{$kendo-checkbox-border-width})),
|
|
158
|
-
lg: calc(-1 * (#{map-get( $kendo-checkbox-sizes, "lg" )} + #{$kendo-checkbox-border-width}))
|
|
159
|
-
) !default;
|
|
160
|
-
/// The ripple opacity of checkbox.
|
|
160
|
+
$kendo-checkbox-ripple-bg: $primary !default;
|
|
161
|
+
/// Opacity of checkbox ripple.
|
|
161
162
|
/// @group checkbox
|
|
162
|
-
$kendo-checkbox-ripple-opacity: .
|
|
163
|
+
$kendo-checkbox-ripple-opacity: .2 !default;
|
|
@@ -121,7 +121,7 @@ $kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
|
|
|
121
121
|
// Chip List
|
|
122
122
|
|
|
123
123
|
/// The sizes of the chip list.
|
|
124
|
-
/// @group chip
|
|
124
|
+
/// @group chip
|
|
125
125
|
$kendo-chip-list-sizes: (
|
|
126
126
|
sm: map-get( $spacing, 1 ),
|
|
127
127
|
md: map-get( $spacing, 2 ),
|
package/scss/grid/_layout.scss
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
$grid-hierarchy-col-width: 32px !default;
|
|
2
|
-
$grid-form-component-vertical-align: middle !default;
|
|
3
2
|
// TODO: perhaps these should be the values for cell-padding-x/-y
|
|
4
3
|
$grid-grouping-row-border-top: 0px !default;
|
|
5
4
|
$grid-group-footer-border-y: 1px !default;
|
|
@@ -18,10 +17,6 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
|
|
|
18
17
|
@include exports ("grid/layout/material") {
|
|
19
18
|
|
|
20
19
|
.k-grid {
|
|
21
|
-
.k-checkbox-label,
|
|
22
|
-
.k-radio-label {
|
|
23
|
-
line-height: normal;
|
|
24
|
-
}
|
|
25
20
|
|
|
26
21
|
.k-group-footer td {
|
|
27
22
|
border-top-width: 0;
|
|
@@ -143,8 +143,8 @@ $grid-filter-menu-item-spacing-y: map-get( $spacing, 2 ) !default;
|
|
|
143
143
|
$grid-column-menu-popup-padding-x: null !default;
|
|
144
144
|
$grid-column-menu-popup-padding-y: null !default;
|
|
145
145
|
|
|
146
|
-
$grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x
|
|
147
|
-
$grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y
|
|
146
|
+
$grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x !default;
|
|
147
|
+
$grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !default;
|
|
148
148
|
|
|
149
149
|
$grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
|
|
150
150
|
$grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
|
|
@@ -3,32 +3,32 @@
|
|
|
3
3
|
/// Font size of the list component, if no size is set.
|
|
4
4
|
/// @group list
|
|
5
5
|
$kendo-list-font-size: null !default;
|
|
6
|
-
$kendo-list-font-size-sm: $font-size-
|
|
7
|
-
$kendo-list-font-size-md: $font-size-
|
|
8
|
-
$kendo-list-font-size-lg: $font-size-
|
|
6
|
+
$kendo-list-font-size-sm: $font-size-lg !default;
|
|
7
|
+
$kendo-list-font-size-md: $font-size-lg !default;
|
|
8
|
+
$kendo-list-font-size-lg: $font-size-lg !default;
|
|
9
9
|
|
|
10
10
|
/// Line height of the list component, if no size is set.
|
|
11
11
|
/// @group list
|
|
12
12
|
$kendo-list-line-height: null !default;
|
|
13
|
-
$kendo-list-line-height-sm: 1.
|
|
14
|
-
$kendo-list-line-height-md: 1.
|
|
15
|
-
$kendo-list-line-height-lg: 1.
|
|
13
|
+
$kendo-list-line-height-sm: 1.25 !default;
|
|
14
|
+
$kendo-list-line-height-md: 1.25 !default;
|
|
15
|
+
$kendo-list-line-height-lg: 1.25 !default;
|
|
16
16
|
|
|
17
17
|
/// Horizontal padding of list header, if no size is set.
|
|
18
18
|
/// @group list
|
|
19
19
|
$kendo-list-header-padding-x: null !default;
|
|
20
20
|
$kendo-list-header-padding-x-base: map-get( $spacing, 4 ) !default;
|
|
21
|
-
$kendo-list-header-padding-x-sm: ( $
|
|
22
|
-
$kendo-list-header-padding-x-md: ( $
|
|
23
|
-
$kendo-list-header-padding-x-lg: ( $
|
|
21
|
+
$kendo-list-header-padding-x-sm: map-get( $spacing, 4 ) !default;
|
|
22
|
+
$kendo-list-header-padding-x-md: map-get( $spacing, 4 ) !default;
|
|
23
|
+
$kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
24
24
|
|
|
25
25
|
/// Vertical padding of list header, if no size is set.
|
|
26
26
|
/// @group list
|
|
27
27
|
$kendo-list-header-padding-y: null !default;
|
|
28
|
-
$kendo-list-header-padding-y-base: map-get( $spacing,
|
|
29
|
-
$kendo-list-header-padding-y-sm: ( $
|
|
30
|
-
$kendo-list-header-padding-y-md: ( $
|
|
31
|
-
$kendo-list-header-padding-y-lg: ( $
|
|
28
|
+
$kendo-list-header-padding-y-base: map-get( $spacing, 2 ) !default;
|
|
29
|
+
$kendo-list-header-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
|
|
30
|
+
$kendo-list-header-padding-y-md: map-get( $spacing, 2 ) !default;
|
|
31
|
+
$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
|
|
32
32
|
|
|
33
33
|
/// Border width of list header.
|
|
34
34
|
/// @group list
|
|
@@ -56,17 +56,17 @@ $kendo-list-header-font-weight: null !default;
|
|
|
56
56
|
/// @group list
|
|
57
57
|
$kendo-list-item-padding-x: null !default;
|
|
58
58
|
$kendo-list-item-padding-x-base: map-get( $spacing, 4 ) !default;
|
|
59
|
-
$kendo-list-item-padding-x-sm: ( $
|
|
60
|
-
$kendo-list-item-padding-x-md: ( $
|
|
61
|
-
$kendo-list-item-padding-x-lg: ( $
|
|
59
|
+
$kendo-list-item-padding-x-sm: map-get( $spacing, 4 ) !default;
|
|
60
|
+
$kendo-list-item-padding-x-md: map-get( $spacing, 4 ) !default;
|
|
61
|
+
$kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
62
62
|
|
|
63
63
|
/// Vertical padding of list items, when no size is set.
|
|
64
64
|
/// @group list
|
|
65
65
|
$kendo-list-item-padding-y: null !default;
|
|
66
|
-
$kendo-list-item-padding-y-base: map-get( $spacing,
|
|
67
|
-
$kendo-list-item-padding-y-sm: ( $
|
|
68
|
-
$kendo-list-item-padding-y-md: ( $
|
|
69
|
-
$kendo-list-item-padding-y-lg: ( $
|
|
66
|
+
$kendo-list-item-padding-y-base: map-get( $spacing, 2 ) !default;
|
|
67
|
+
$kendo-list-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
|
|
68
|
+
$kendo-list-item-padding-y-md: map-get( $spacing, 2 ) !default;
|
|
69
|
+
$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
|
|
70
70
|
|
|
71
71
|
/// Font size of list items, if no size is set.
|
|
72
72
|
/// @group list
|
|
@@ -86,17 +86,17 @@ $kendo-list-item-line-height-lg: null !default;
|
|
|
86
86
|
/// @group list
|
|
87
87
|
$kendo-list-group-item-padding-x: null !default;
|
|
88
88
|
$kendo-list-group-item-padding-x-base: map-get( $spacing, 4 ) !default;
|
|
89
|
-
$kendo-list-group-item-padding-x-sm: ( $
|
|
90
|
-
$kendo-list-group-item-padding-x-md: ( $
|
|
91
|
-
$kendo-list-group-item-padding-x-lg: ( $
|
|
89
|
+
$kendo-list-group-item-padding-x-sm: map-get( $spacing, 4 ) !default;
|
|
90
|
+
$kendo-list-group-item-padding-x-md: map-get( $spacing, 4 ) !default;
|
|
91
|
+
$kendo-list-group-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
92
92
|
|
|
93
93
|
/// Vertical padding of list group items, when no size is set.
|
|
94
94
|
/// @group list
|
|
95
95
|
$kendo-list-group-item-padding-y: null !default;
|
|
96
|
-
$kendo-list-group-item-padding-y-base: map-get( $spacing,
|
|
97
|
-
$kendo-list-group-item-padding-y-sm: ( $
|
|
98
|
-
$kendo-list-group-item-padding-y-md: ( $
|
|
99
|
-
$kendo-list-group-item-padding-y-lg: ( $
|
|
96
|
+
$kendo-list-group-item-padding-y-base: map-get( $spacing, 2 ) !default;
|
|
97
|
+
$kendo-list-group-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
|
|
98
|
+
$kendo-list-group-item-padding-y-md: map-get( $spacing, 2 ) !default;
|
|
99
|
+
$kendo-list-group-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
|
|
100
100
|
|
|
101
101
|
/// Border width of list group items.
|
|
102
102
|
/// @group list
|
|
@@ -6,15 +6,15 @@ $listbox-default-height: 200px !default;
|
|
|
6
6
|
|
|
7
7
|
$listbox-border-width: 1px !default;
|
|
8
8
|
$listbox-font-family: $font-family !default;
|
|
9
|
-
$listbox-font-size: $font-size !default;
|
|
10
|
-
$listbox-line-height: $line-height !default;
|
|
9
|
+
$listbox-font-size: $kendo-list-font-size-md !default;
|
|
10
|
+
$listbox-line-height: $kendo-list-line-height-md !default;
|
|
11
11
|
|
|
12
12
|
$listbox-bg: $component-bg !default;
|
|
13
13
|
$listbox-text: $component-text !default;
|
|
14
14
|
$listbox-border: $component-border !default;
|
|
15
15
|
|
|
16
|
-
$listbox-item-padding-x:
|
|
17
|
-
$listbox-item-padding-y:
|
|
16
|
+
$listbox-item-padding-x: $kendo-list-item-padding-x-md !default;
|
|
17
|
+
$listbox-item-padding-y: $kendo-list-item-padding-y-md !default;
|
|
18
18
|
|
|
19
19
|
$listbox-drop-hint-border-width: 2px !default;
|
|
20
20
|
$listbox-drop-hint-width: 2px !default;
|
|
@@ -49,126 +49,123 @@ $menu-scroll-button-hover-gradient: null !default;
|
|
|
49
49
|
// Menu popup
|
|
50
50
|
|
|
51
51
|
/// Horizontal padding of the menu popup.
|
|
52
|
-
/// @group menu
|
|
52
|
+
/// @group menu
|
|
53
53
|
$kendo-menu-popup-padding-x: null !default;
|
|
54
54
|
|
|
55
55
|
/// Vertical padding of the menu popup.
|
|
56
|
-
/// @group menu
|
|
56
|
+
/// @group menu
|
|
57
57
|
$kendo-menu-popup-padding-y: null !default;
|
|
58
58
|
|
|
59
59
|
/// Width of the border around the menu popup.
|
|
60
|
-
/// @group menu
|
|
60
|
+
/// @group menu
|
|
61
61
|
$kendo-menu-popup-border-width: $popup-border-width !default;
|
|
62
62
|
|
|
63
63
|
/// Font sizes of the menu popup.
|
|
64
|
-
/// @group menu
|
|
65
|
-
$kendo-menu-popup-font-size: $font-size !default;
|
|
66
|
-
$kendo-menu-popup-font-size-sm: $font-size-
|
|
67
|
-
$kendo-menu-popup-font-size-md: $font-size !default;
|
|
64
|
+
/// @group menu
|
|
65
|
+
$kendo-menu-popup-font-size: $font-size-lg !default;
|
|
66
|
+
$kendo-menu-popup-font-size-sm: $font-size-lg !default;
|
|
67
|
+
$kendo-menu-popup-font-size-md: $font-size-lg !default;
|
|
68
68
|
$kendo-menu-popup-font-size-lg: $font-size-lg !default;
|
|
69
69
|
|
|
70
70
|
/// Line heights used along with $font-size.
|
|
71
|
-
/// @group menu
|
|
72
|
-
$kendo-menu-popup-line-height:
|
|
73
|
-
$kendo-menu-popup-line-height-sm:
|
|
74
|
-
$kendo-menu-popup-line-height-md:
|
|
75
|
-
$kendo-menu-popup-line-height-lg:
|
|
71
|
+
/// @group menu
|
|
72
|
+
$kendo-menu-popup-line-height: 1.25 !default;
|
|
73
|
+
$kendo-menu-popup-line-height-sm: 1.25 !default;
|
|
74
|
+
$kendo-menu-popup-line-height-md: 1.25 !default;
|
|
75
|
+
$kendo-menu-popup-line-height-lg: 1.25 !default;
|
|
76
76
|
|
|
77
77
|
/// The background of the menu popup.
|
|
78
|
-
/// @group menu
|
|
78
|
+
/// @group menu
|
|
79
79
|
$kendo-menu-popup-bg: $popup-bg !default;
|
|
80
80
|
/// The text color of the menu popup.
|
|
81
|
-
/// @group menu
|
|
81
|
+
/// @group menu
|
|
82
82
|
$kendo-menu-popup-text: $popup-text !default;
|
|
83
83
|
/// The border color of the menu popup.
|
|
84
|
-
/// @group menu
|
|
84
|
+
/// @group menu
|
|
85
85
|
$kendo-menu-popup-border: $popup-border !default;
|
|
86
86
|
/// The background gradient of the menu popup.
|
|
87
|
-
/// @group menu
|
|
87
|
+
/// @group menu
|
|
88
88
|
$kendo-menu-popup-gradient: null !default;
|
|
89
89
|
|
|
90
90
|
|
|
91
91
|
// Menu popup item
|
|
92
92
|
|
|
93
93
|
/// Horizontal padding of the menu item in popup.
|
|
94
|
-
/// @group menu
|
|
95
|
-
$kendo-menu-popup-item-padding-x:
|
|
96
|
-
$kendo-menu-popup-item-padding-x-
|
|
97
|
-
$kendo-menu-popup-item-padding-x-
|
|
98
|
-
$kendo-menu-popup-item-padding-x-
|
|
99
|
-
$kendo-menu-popup-item-padding-x-lg: ( $kendo-menu-popup-item-padding-x-base * 1.25 ) !default;
|
|
100
|
-
|
|
94
|
+
/// @group menu
|
|
95
|
+
$kendo-menu-popup-item-padding-x: map-get( $spacing, 4 ) !default;
|
|
96
|
+
$kendo-menu-popup-item-padding-x-sm: map-get( $spacing, 4 ) !default;
|
|
97
|
+
$kendo-menu-popup-item-padding-x-md: map-get( $spacing, 4 ) !default;
|
|
98
|
+
$kendo-menu-popup-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
101
99
|
|
|
102
100
|
/// Vertical padding of the menu item in popup.
|
|
103
|
-
/// @group menu
|
|
104
|
-
$kendo-menu-popup-item-padding-y:
|
|
105
|
-
$kendo-menu-popup-item-padding-y-
|
|
106
|
-
$kendo-menu-popup-item-padding-y-
|
|
107
|
-
$kendo-menu-popup-item-padding-y-
|
|
108
|
-
$kendo-menu-popup-item-padding-y-lg: ( $kendo-menu-popup-item-padding-y-base * 1.25 ) !default;
|
|
101
|
+
/// @group menu
|
|
102
|
+
$kendo-menu-popup-item-padding-y: map-get( $spacing, 2 ) !default;
|
|
103
|
+
$kendo-menu-popup-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
|
|
104
|
+
$kendo-menu-popup-item-padding-y-md: map-get( $spacing, 2 ) !default;
|
|
105
|
+
$kendo-menu-popup-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
|
|
109
106
|
|
|
110
107
|
/// The end padding of the menu item in popup.
|
|
111
|
-
/// @group menu
|
|
112
|
-
$kendo-menu-popup-item-padding-end:
|
|
108
|
+
/// @group menu
|
|
109
|
+
$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$icon-size} ) !default;
|
|
113
110
|
$kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-sm * 2} + #{$icon-size} ) !default;
|
|
114
111
|
$kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$icon-size} ) !default;
|
|
115
112
|
$kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$icon-size} ) !default;
|
|
116
113
|
|
|
117
114
|
/// The start margin of the menu item expand icon.
|
|
118
|
-
/// @group menu
|
|
115
|
+
/// @group menu
|
|
119
116
|
$kendo-menu-popup-item-icon-margin-start-sm: $kendo-menu-popup-item-padding-x-sm !default;
|
|
120
117
|
$kendo-menu-popup-item-icon-margin-start: $kendo-menu-popup-item-padding-x-md !default;
|
|
121
118
|
$kendo-menu-popup-item-icon-margin-start-lg: $kendo-menu-popup-item-padding-x-lg !default;
|
|
122
119
|
|
|
123
120
|
/// The end margin of the menu item expand icon.
|
|
124
|
-
/// @group menu
|
|
121
|
+
/// @group menu
|
|
125
122
|
$kendo-menu-popup-item-icon-margin-end-sm: calc( -1 * (#{$kendo-menu-popup-item-padding-end-sm} - #{$kendo-menu-popup-item-padding-x-sm / 2}) ) !default;
|
|
126
123
|
$kendo-menu-popup-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-item-padding-end-md} - #{$kendo-menu-popup-item-padding-x-md / 2}) ) !default;
|
|
127
124
|
$kendo-menu-popup-item-icon-margin-end-lg: calc( -1 * (#{$kendo-menu-popup-item-padding-end-lg} - #{$kendo-menu-popup-item-padding-x-lg / 2}) ) !default;
|
|
128
125
|
|
|
129
126
|
/// The spacing between the menu items in popup.
|
|
130
|
-
/// @group menu
|
|
127
|
+
/// @group menu
|
|
131
128
|
$kendo-menu-popup-item-spacing: 0px !default;
|
|
132
129
|
|
|
133
130
|
/// The background of the menu item in popup.
|
|
134
|
-
/// @group menu
|
|
131
|
+
/// @group menu
|
|
135
132
|
$kendo-menu-popup-item-bg: null !default;
|
|
136
133
|
/// The text color of the menu item in popup.
|
|
137
|
-
/// @group menu
|
|
134
|
+
/// @group menu
|
|
138
135
|
$kendo-menu-popup-item-text: null !default;
|
|
139
136
|
/// The border color of the menu item in popup.
|
|
140
|
-
/// @group menu
|
|
137
|
+
/// @group menu
|
|
141
138
|
$kendo-menu-popup-item-border: null !default;
|
|
142
139
|
/// The background gradient of the menu item in popup.
|
|
143
|
-
/// @group menu
|
|
140
|
+
/// @group menu
|
|
144
141
|
$kendo-menu-popup-item-gradient: null !default;
|
|
145
142
|
|
|
146
143
|
/// The background of hovered menu item in popup.
|
|
147
|
-
/// @group menu
|
|
144
|
+
/// @group menu
|
|
148
145
|
$kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
|
|
149
146
|
/// The text color of hovered menu item in popup.
|
|
150
|
-
/// @group menu
|
|
147
|
+
/// @group menu
|
|
151
148
|
$kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
|
|
152
149
|
/// The border color of hovered menu item in popup.
|
|
153
|
-
/// @group menu
|
|
150
|
+
/// @group menu
|
|
154
151
|
$kendo-menu-popup-item-hover-border: null !default;
|
|
155
152
|
/// The background gradient of hovered menu item in popup.
|
|
156
|
-
/// @group menu
|
|
153
|
+
/// @group menu
|
|
157
154
|
$kendo-menu-popup-item-hover-gradient: null !default;
|
|
158
155
|
|
|
159
156
|
/// The background of expanded menu item in popup.
|
|
160
|
-
/// @group menu
|
|
157
|
+
/// @group menu
|
|
161
158
|
$kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
|
|
162
159
|
/// The text color of expanded menu item in popup.
|
|
163
|
-
/// @group menu
|
|
160
|
+
/// @group menu
|
|
164
161
|
$kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
|
|
165
162
|
/// The border color of expanded menu item in popup.
|
|
166
|
-
/// @group menu
|
|
163
|
+
/// @group menu
|
|
167
164
|
$kendo-menu-popup-item-expanded-border: null !default;
|
|
168
165
|
/// The background gradient of expanded menu item in popup.
|
|
169
|
-
/// @group menu
|
|
166
|
+
/// @group menu
|
|
170
167
|
$kendo-menu-popup-item-expanded-gradient: null !default;
|
|
171
168
|
|
|
172
169
|
/// The base shadow of focused menu item in popup.
|
|
173
|
-
/// @group menu
|
|
170
|
+
/// @group menu
|
|
174
171
|
$kendo-menu-popup-item-focus-shadow: null !default;
|
package/scss/radio/_theme.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import "~@progress/kendo-theme-default/scss/radio/_theme.scss";
|
|
2
2
|
|
|
3
|
-
@include exports("radio/theme/material") {
|
|
3
|
+
@include exports( "radio/theme/material" ) {
|
|
4
4
|
|
|
5
5
|
// Radio
|
|
6
6
|
.k-radio-label {
|
|
@@ -11,13 +11,6 @@
|
|
|
11
11
|
opacity: 1;
|
|
12
12
|
filter: none;
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
// Ripple
|
|
17
|
-
.k-ripple-blob {
|
|
18
|
-
opacity: .2;
|
|
19
|
-
background-color: $kendo-radio-checked-bg;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
14
|
}
|
|
15
|
+
|
|
23
16
|
}
|