@progress/kendo-theme-classic 6.2.1-dev.0 → 6.2.1-dev.8
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 +4682 -407
- package/dist/all.scss +1208 -420
- package/dist/meta/sassdoc-data.json +18261 -9345
- package/dist/meta/sassdoc-raw-data.json +7891 -3766
- package/dist/meta/variables.json +201 -129
- 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/button/_variables.scss +89 -62
- package/scss/checkbox/_variables.scss +83 -53
- package/scss/chip/_variables.scss +54 -30
- package/scss/input/_variables.scss +276 -46
- package/scss/list/_variables.scss +41 -40
- package/scss/radio/_variables.scss +77 -45
- package/scss/split-button/_variables.scss +15 -3
- package/scss/switch/_variables.scss +57 -56
|
@@ -3,47 +3,71 @@
|
|
|
3
3
|
|
|
4
4
|
// Chip
|
|
5
5
|
|
|
6
|
-
///
|
|
6
|
+
/// The width of the border around the Chip.
|
|
7
7
|
/// @group chip
|
|
8
8
|
$kendo-chip-border-width: 1px !default;
|
|
9
|
-
/// The spacing between the text and the icons of the
|
|
9
|
+
/// The spacing between the text and the icons of the Chip.
|
|
10
10
|
/// @group chip
|
|
11
11
|
$kendo-chip-spacing: k-map-get( $kendo-spacing, 1 ) !default;
|
|
12
12
|
|
|
13
|
-
///
|
|
13
|
+
/// The horizontal padding of the Chip.
|
|
14
14
|
/// @group chip
|
|
15
15
|
$kendo-chip-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
16
|
+
/// The horizontal padding of the small Chip.
|
|
17
|
+
/// @group chip
|
|
16
18
|
$kendo-chip-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
19
|
+
/// The horizontal padding of the medium Chip.
|
|
20
|
+
/// @group chip
|
|
17
21
|
$kendo-chip-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
22
|
+
/// The horizontal padding of the large Chip.
|
|
23
|
+
/// @group chip
|
|
18
24
|
$kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
19
25
|
|
|
20
|
-
///
|
|
26
|
+
/// The vertical padding of the Chip.
|
|
21
27
|
/// @group chip
|
|
22
28
|
$kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29
|
+
/// The vertical padding of the small Chip.
|
|
30
|
+
/// @group chip
|
|
23
31
|
$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
32
|
+
/// The vertical padding of the medium Chip.
|
|
33
|
+
/// @group chip
|
|
24
34
|
$kendo-chip-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
35
|
+
/// The vertical padding of the large Chip.
|
|
36
|
+
/// @group chip
|
|
25
37
|
$kendo-chip-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
26
38
|
|
|
27
|
-
///
|
|
39
|
+
/// The font size of the Chip.
|
|
28
40
|
/// @group chip
|
|
29
41
|
$kendo-chip-font-size: $kendo-font-size-md !default;
|
|
42
|
+
/// The font size of the small Chip.
|
|
43
|
+
/// @group chip
|
|
30
44
|
$kendo-chip-sm-font-size: $kendo-font-size-md !default;
|
|
45
|
+
/// The font size of the medium Chip.
|
|
46
|
+
/// @group chip
|
|
31
47
|
$kendo-chip-md-font-size: $kendo-font-size-md !default;
|
|
48
|
+
/// The font size of the large Chip.
|
|
49
|
+
/// @group chip
|
|
32
50
|
$kendo-chip-lg-font-size: $kendo-font-size-md !default;
|
|
33
51
|
|
|
34
|
-
///
|
|
52
|
+
/// The Chip's line height that is related to the $kendo-font-size.
|
|
35
53
|
/// @group chip
|
|
36
54
|
$kendo-chip-line-height: 1 !default;
|
|
55
|
+
/// The small Chip's line height that is related to the $kendo-font-size.
|
|
56
|
+
/// @group chip
|
|
37
57
|
$kendo-chip-sm-line-height: $kendo-chip-line-height !default;
|
|
58
|
+
/// The medium Chip's line height that is related to the $kendo-font-size.
|
|
59
|
+
/// @group chip
|
|
38
60
|
$kendo-chip-md-line-height: $kendo-chip-line-height !default;
|
|
61
|
+
/// The large Chip's line height that is related to the $kendo-font-size.
|
|
62
|
+
/// @group chip
|
|
39
63
|
$kendo-chip-lg-line-height: $kendo-chip-line-height !default;
|
|
40
64
|
|
|
41
|
-
///
|
|
65
|
+
/// The calculated height of the Chip.
|
|
42
66
|
/// @group chip
|
|
43
67
|
$kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
|
|
44
68
|
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
|
|
45
69
|
|
|
46
|
-
///
|
|
70
|
+
/// The map with the sizes of the Chip.
|
|
47
71
|
/// @group chip
|
|
48
72
|
$kendo-chip-sizes: (
|
|
49
73
|
sm: (
|
|
@@ -66,11 +90,11 @@ $kendo-chip-sizes: (
|
|
|
66
90
|
)
|
|
67
91
|
) !default;
|
|
68
92
|
|
|
69
|
-
/// The base background of the
|
|
93
|
+
/// The base background of the Chip.
|
|
70
94
|
/// @group chip
|
|
71
95
|
$kendo-chip-base-bg: $kendo-button-bg !default;
|
|
72
96
|
|
|
73
|
-
///
|
|
97
|
+
/// The theme colors map for the Chip.
|
|
74
98
|
/// @group chip
|
|
75
99
|
$kendo-chip-theme-colors: (
|
|
76
100
|
"base": $kendo-chip-base-bg,
|
|
@@ -80,73 +104,73 @@ $kendo-chip-theme-colors: (
|
|
|
80
104
|
"success": k-map-get( $kendo-theme-colors, "success" )
|
|
81
105
|
) !default;
|
|
82
106
|
|
|
83
|
-
/// The base background color of solid
|
|
107
|
+
/// The base background color of the solid Chip.
|
|
84
108
|
/// @group chip
|
|
85
109
|
$kendo-chip-solid-bg: $kendo-chip-base-bg !default;
|
|
86
|
-
/// The base text color of solid
|
|
110
|
+
/// The base text color of the solid Chip.
|
|
87
111
|
/// @group chip
|
|
88
112
|
$kendo-chip-solid-text: $kendo-button-text !default;
|
|
89
|
-
/// The base border color of solid
|
|
113
|
+
/// The base border color of the solid Chip.
|
|
90
114
|
/// @group chip
|
|
91
115
|
$kendo-chip-solid-border: $kendo-button-border !default;
|
|
92
|
-
/// The base shadow of solid
|
|
116
|
+
/// The base shadow of the solid Chip.
|
|
93
117
|
/// @group chip
|
|
94
118
|
$kendo-chip-solid-shadow: 0 0 0 2px if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ) !default;
|
|
95
|
-
/// The base gradient of solid
|
|
119
|
+
/// The base gradient of the solid Chip.
|
|
96
120
|
/// @group chip
|
|
97
121
|
$kendo-chip-solid-gradient: $kendo-button-gradient !default;
|
|
98
122
|
|
|
99
|
-
/// The base background color of focused solid
|
|
123
|
+
/// The base background color of the focused solid Chip.
|
|
100
124
|
/// @group chip
|
|
101
125
|
$kendo-chip-solid-focus-bg: null !default;
|
|
102
|
-
/// The base text color of focused solid
|
|
126
|
+
/// The base text color of the focused solid Chip.
|
|
103
127
|
/// @group chip
|
|
104
128
|
$kendo-chip-solid-focus-text: null !default;
|
|
105
129
|
|
|
106
|
-
/// The base background color of hovered solid
|
|
130
|
+
/// The base background color of the hovered solid Chip.
|
|
107
131
|
/// @group chip
|
|
108
132
|
$kendo-chip-solid-hover-bg: $kendo-button-hover-bg !default;
|
|
109
|
-
/// The base text color of hovered solid
|
|
133
|
+
/// The base text color of the hovered solid Chip.
|
|
110
134
|
/// @group chip
|
|
111
135
|
$kendo-chip-solid-hover-text: null !default;
|
|
112
136
|
|
|
113
|
-
/// The base background color of selected solid
|
|
137
|
+
/// The base background color of the selected solid Chip
|
|
114
138
|
/// @group chip
|
|
115
139
|
$kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
|
|
116
|
-
/// The base text color of selected solid
|
|
140
|
+
/// The base text color of the selected solid Chip.
|
|
117
141
|
/// @group chip
|
|
118
142
|
$kendo-chip-solid-selected-text: null !default;
|
|
119
143
|
|
|
120
|
-
/// The base background color of outline
|
|
144
|
+
/// The base background color of the outline Chip.
|
|
121
145
|
/// @group chip
|
|
122
146
|
$kendo-chip-outline-bg: $kendo-component-bg !default;
|
|
123
|
-
/// The base text color of outline
|
|
147
|
+
/// The base text color of the outline Chip.
|
|
124
148
|
/// @group chip
|
|
125
149
|
$kendo-chip-outline-text: $kendo-chip-solid-text !default;
|
|
126
|
-
/// The base border color of outline
|
|
150
|
+
/// The base border color of the outline Chip.
|
|
127
151
|
/// @group chip
|
|
128
152
|
$kendo-chip-outline-border: $kendo-chip-outline-text !default;
|
|
129
|
-
/// The base shadow of outline
|
|
153
|
+
/// The base shadow of the outline Chip.
|
|
130
154
|
/// @group chip
|
|
131
155
|
$kendo-chip-outline-shadow: 0 0 0 2px if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ) !default;
|
|
132
156
|
|
|
133
|
-
/// The base background color of hovered outline
|
|
157
|
+
/// The base background color of the hovered outline Chip.
|
|
134
158
|
/// @group chip
|
|
135
159
|
$kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
|
|
136
|
-
/// The base text color of hovered outline
|
|
160
|
+
/// The base text color of the hovered outline Chip.
|
|
137
161
|
/// @group chip
|
|
138
162
|
$kendo-chip-outline-hover-text: k-contrast-legacy( $kendo-chip-outline-hover-bg ) !default;
|
|
139
163
|
|
|
140
|
-
/// The base background color of selected outline
|
|
164
|
+
/// The base background color of the selected outline Chip.
|
|
141
165
|
/// @group chip
|
|
142
166
|
$kendo-chip-outline-selected-bg: $kendo-chip-outline-hover-bg !default;
|
|
143
|
-
/// The base text color of selected outline
|
|
167
|
+
/// The base text color of the selected outline Chip.
|
|
144
168
|
/// @group chip
|
|
145
169
|
$kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
|
|
146
170
|
|
|
147
171
|
// Chip List
|
|
148
172
|
|
|
149
|
-
/// The sizes of the
|
|
173
|
+
/// The sizes of the Chip list.
|
|
150
174
|
/// @group chip
|
|
151
175
|
$kendo-chip-list-sizes: (
|
|
152
176
|
sm: k-map-get( $kendo-spacing, 1 ),
|
|
@@ -1,48 +1,76 @@
|
|
|
1
1
|
// Input
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// The default width of the Input components.
|
|
4
4
|
/// @group input
|
|
5
5
|
$kendo-input-default-width: 100% !default;
|
|
6
6
|
|
|
7
|
-
///
|
|
7
|
+
/// The border width of the Input components.
|
|
8
8
|
/// @group input
|
|
9
9
|
$kendo-input-border-width: 1px !default;
|
|
10
10
|
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
|
|
11
|
-
///
|
|
11
|
+
/// The border radius of the Input components.
|
|
12
12
|
/// @group input
|
|
13
13
|
$kendo-input-border-radius: null !default;
|
|
14
14
|
|
|
15
|
-
///
|
|
15
|
+
/// The horizontal padding of the Input components.
|
|
16
16
|
/// @group input
|
|
17
17
|
$kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
18
|
-
///
|
|
18
|
+
/// The horizontal padding of the small Input components.
|
|
19
|
+
/// @group input
|
|
20
|
+
$kendo-input-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
21
|
+
/// The horizontal padding of the medium Input components.
|
|
22
|
+
/// @group input
|
|
23
|
+
$kendo-input-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
24
|
+
/// The horizontal padding of the large Input components.
|
|
25
|
+
/// @group input
|
|
26
|
+
$kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
27
|
+
|
|
28
|
+
/// The vertical padding of the Input components.
|
|
19
29
|
/// @group input
|
|
20
30
|
$kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31
|
+
/// The vertical padding of the small Input components.
|
|
32
|
+
/// @group input
|
|
33
|
+
$kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
34
|
+
/// The vertical padding of the medium Input components.
|
|
35
|
+
/// @group input
|
|
36
|
+
$kendo-input-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
37
|
+
/// The vertical padding of the large Input components.
|
|
38
|
+
/// @group input
|
|
39
|
+
$kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
40
|
+
|
|
21
41
|
/// Font family of input components.
|
|
22
42
|
/// @group input
|
|
23
43
|
$kendo-input-font-family: $kendo-font-family !default;
|
|
44
|
+
|
|
24
45
|
/// Font size of input components.
|
|
25
46
|
/// @group input
|
|
26
47
|
$kendo-input-font-size: $kendo-font-size-md !default;
|
|
48
|
+
/// The font size of the small Input components.
|
|
49
|
+
/// @group input
|
|
50
|
+
$kendo-input-sm-font-size: $kendo-font-size-md !default;
|
|
51
|
+
/// The font size of the medium Input components.
|
|
52
|
+
/// @group input
|
|
53
|
+
$kendo-input-md-font-size: $kendo-font-size-md !default;
|
|
54
|
+
/// The font size of the large Input components.
|
|
55
|
+
/// @group input
|
|
56
|
+
$kendo-input-lg-font-size: $kendo-font-size-lg !default;
|
|
57
|
+
|
|
58
|
+
|
|
27
59
|
/// Line height of input components.
|
|
28
60
|
/// @group input
|
|
29
61
|
$kendo-input-line-height: $kendo-line-height-md !default;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
$kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
33
|
-
$kendo-input-sm-font-size: $kendo-font-size-md !default;
|
|
62
|
+
/// The line height of the small Input components.
|
|
63
|
+
/// @group input
|
|
34
64
|
$kendo-input-sm-line-height: $kendo-line-height-md !default;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
$kendo-input-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
38
|
-
$kendo-input-md-font-size: $kendo-font-size-md !default;
|
|
65
|
+
/// The line height of the medium Input components.
|
|
66
|
+
/// @group input
|
|
39
67
|
$kendo-input-md-line-height: $kendo-line-height-md !default;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
$kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
43
|
-
$kendo-input-lg-font-size: $kendo-font-size-lg !default;
|
|
68
|
+
/// The line height of the large Input components.
|
|
69
|
+
/// @group input
|
|
44
70
|
$kendo-input-lg-line-height: $kendo-line-height-lg !default;
|
|
45
71
|
|
|
72
|
+
/// The sizes map for the Input components.
|
|
73
|
+
/// @group input
|
|
46
74
|
$kendo-input-sizes: (
|
|
47
75
|
sm: (
|
|
48
76
|
padding-x: $kendo-input-sm-padding-x,
|
|
@@ -73,138 +101,340 @@ $kendo-input-sizes: (
|
|
|
73
101
|
)
|
|
74
102
|
) !default;
|
|
75
103
|
|
|
104
|
+
/// The background color of the Input components.
|
|
105
|
+
/// @group input
|
|
76
106
|
$kendo-input-bg: $kendo-component-bg !default;
|
|
107
|
+
/// The text color of the Input components.
|
|
108
|
+
/// @group input
|
|
77
109
|
$kendo-input-text: $kendo-component-text !default;
|
|
110
|
+
/// The border color of the Input components.
|
|
111
|
+
/// @group input
|
|
78
112
|
$kendo-input-border: $kendo-button-border !default;
|
|
113
|
+
/// The shadow of the Input components.
|
|
114
|
+
/// @group input
|
|
79
115
|
$kendo-input-shadow: null !default;
|
|
80
116
|
|
|
117
|
+
/// The background color of the hovered Input components.
|
|
118
|
+
/// @group input
|
|
81
119
|
$kendo-input-hover-bg: null !default;
|
|
120
|
+
/// The text color of the hovered Input components.
|
|
121
|
+
/// @group input
|
|
82
122
|
$kendo-input-hover-text: null !default;
|
|
123
|
+
/// The border color of the hovered Input components.
|
|
124
|
+
/// @group input
|
|
83
125
|
$kendo-input-hover-border: $kendo-button-hover-border !default;
|
|
126
|
+
/// The shadow of the hovered Input components.
|
|
127
|
+
/// @group input
|
|
84
128
|
$kendo-input-hover-shadow: null !default;
|
|
85
129
|
|
|
130
|
+
/// The background color of the focused Input components.
|
|
131
|
+
/// @group input
|
|
86
132
|
$kendo-input-focus-bg: null !default;
|
|
133
|
+
/// The text color of the focused Input components.
|
|
134
|
+
/// @group input
|
|
87
135
|
$kendo-input-focus-text: null !default;
|
|
136
|
+
/// The border color of the focused Input components.
|
|
137
|
+
/// @group input
|
|
88
138
|
$kendo-input-focus-border: rgba( black, .1 ) !default;
|
|
139
|
+
/// The shadow of the focused Input components.
|
|
140
|
+
/// @group input
|
|
89
141
|
$kendo-input-focus-shadow: 0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 ) !default;
|
|
90
142
|
|
|
143
|
+
/// The background color of the selected Input components.
|
|
144
|
+
/// @group input
|
|
145
|
+
$kendo-input-selected-bg: null !default;
|
|
146
|
+
/// The text color of the selected Input components.
|
|
147
|
+
/// @group input
|
|
148
|
+
$kendo-input-selected-text: null !default;
|
|
149
|
+
|
|
150
|
+
/// The background color of the disabled Input components.
|
|
151
|
+
/// @group input
|
|
91
152
|
$kendo-input-disabled-bg: null !default;
|
|
153
|
+
/// The text color of the disabled Input components.
|
|
154
|
+
/// @group input
|
|
92
155
|
$kendo-input-disabled-text: null !default;
|
|
156
|
+
/// The border color of the disabled Input components.
|
|
157
|
+
/// @group input
|
|
93
158
|
$kendo-input-disabled-border: null !default;
|
|
159
|
+
/// The gradient of the disabled Input components.
|
|
160
|
+
/// @group input
|
|
94
161
|
$kendo-input-disabled-gradient: null !default;
|
|
162
|
+
/// The shadow of the disabled Input components.
|
|
163
|
+
/// @group input
|
|
95
164
|
$kendo-input-disabled-shadow: null !default;
|
|
96
165
|
|
|
166
|
+
/// The background color of the outline Input components.
|
|
167
|
+
/// @group input
|
|
97
168
|
$kendo-input-outline-bg: null !default;
|
|
169
|
+
/// The text color of the outline Input components.
|
|
170
|
+
/// @group input
|
|
98
171
|
$kendo-input-outline-text: null !default;
|
|
172
|
+
/// The border color of the outline Input components.
|
|
173
|
+
/// @group input
|
|
99
174
|
$kendo-input-outline-border: rgba( $kendo-button-text, .5) !default;
|
|
100
175
|
|
|
176
|
+
/// The background color of the outline hovered Input components.
|
|
177
|
+
/// @group input
|
|
101
178
|
$kendo-input-outline-hover-bg: null !default;
|
|
179
|
+
/// The text color of the outline hovered Input components.
|
|
180
|
+
/// @group input
|
|
102
181
|
$kendo-input-outline-hover-text: null !default;
|
|
182
|
+
/// The border color of the outline hovered Input components.
|
|
183
|
+
/// @group input
|
|
103
184
|
$kendo-input-outline-hover-border: rgba( $kendo-button-text, .8) !default;
|
|
104
185
|
|
|
186
|
+
/// The background color of the outline focused Input components.
|
|
187
|
+
/// @group input
|
|
105
188
|
$kendo-input-outline-focus-bg: null !default;
|
|
189
|
+
/// The text color of the outline focused Input components.
|
|
190
|
+
/// @group input
|
|
106
191
|
$kendo-input-outline-focus-text: null !default;
|
|
192
|
+
/// The border color of the outline focused Input components.
|
|
193
|
+
/// @group input
|
|
107
194
|
$kendo-input-outline-focus-border: null !default;
|
|
195
|
+
/// The shadow of the outline focused Input components.
|
|
196
|
+
/// @group input
|
|
108
197
|
$kendo-input-outline-focus-shadow: $kendo-input-focus-shadow !default;
|
|
109
198
|
|
|
199
|
+
/// The background color of the flat Input components.
|
|
200
|
+
/// @group input
|
|
110
201
|
$kendo-input-flat-bg: null !default;
|
|
202
|
+
/// The text color of the flat Input components.
|
|
203
|
+
/// @group input
|
|
111
204
|
$kendo-input-flat-text: $kendo-input-text !default;
|
|
205
|
+
/// The border color of the flat Input components.
|
|
206
|
+
/// @group input
|
|
112
207
|
$kendo-input-flat-border: $kendo-input-border !default;
|
|
113
208
|
|
|
209
|
+
/// The background color of the flat hovered Input components.
|
|
210
|
+
/// @group input
|
|
114
211
|
$kendo-input-flat-hover-bg: null !default;
|
|
212
|
+
/// The text color of the flat hovered Input components.
|
|
213
|
+
/// @group input
|
|
115
214
|
$kendo-input-flat-hover-text: null !default;
|
|
215
|
+
/// The border color of the flat hovered Input components.
|
|
216
|
+
/// @group input
|
|
116
217
|
$kendo-input-flat-hover-border: $kendo-input-hover-border !default;
|
|
117
218
|
|
|
219
|
+
/// The background color of the flat focused Input components.
|
|
220
|
+
/// @group input
|
|
118
221
|
$kendo-input-flat-focus-bg: null !default;
|
|
222
|
+
/// The text color of the flat focused Input components.
|
|
223
|
+
/// @group input
|
|
119
224
|
$kendo-input-flat-focus-text: null !default;
|
|
225
|
+
/// The border color of the flat focused Input components.
|
|
226
|
+
/// @group input
|
|
120
227
|
$kendo-input-flat-focus-border: null !default;
|
|
228
|
+
/// The shadow of the flat focused Input components.
|
|
229
|
+
/// @group input
|
|
121
230
|
$kendo-input-flat-focus-shadow: $kendo-input-focus-shadow !default;
|
|
122
231
|
|
|
232
|
+
/// The text color of the Input placeholder.
|
|
233
|
+
/// @group input
|
|
234
|
+
$kendo-input-placeholder-text: $kendo-subtle-text !default;
|
|
235
|
+
/// The opacity of the Input placeholder.
|
|
236
|
+
/// @group input
|
|
237
|
+
$kendo-input-placeholder-opacity: 1 !default;
|
|
238
|
+
|
|
239
|
+
|
|
240
|
+
/// The color of the Input clear value icon.
|
|
241
|
+
/// @group input
|
|
242
|
+
$kendo-input-clear-value-text: null !default;
|
|
243
|
+
/// The opacity of the Input clear value icon.
|
|
244
|
+
/// @group input
|
|
245
|
+
$kendo-input-clear-value-opacity: .5 !default;
|
|
246
|
+
/// The color of the hovered Input clear value icon.
|
|
247
|
+
/// @group input
|
|
248
|
+
$kendo-input-clear-value-hover-text: null !default;
|
|
249
|
+
/// The opacity of the hovered Input clear value icon.
|
|
250
|
+
/// @group input
|
|
251
|
+
$kendo-input-clear-value-hover-opacity: 1 !default;
|
|
252
|
+
|
|
253
|
+
/// The vertical margin of the clear value icon.
|
|
254
|
+
/// @group input
|
|
255
|
+
$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
256
|
+
/// The horizontal margin of the clear value icon.
|
|
257
|
+
/// @group input
|
|
258
|
+
$kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
|
|
259
|
+
|
|
260
|
+
|
|
261
|
+
/// The width of the Input button.
|
|
262
|
+
/// @group input
|
|
263
|
+
$kendo-input-button-width: null !default;
|
|
264
|
+
/// The border width of the Input button.
|
|
265
|
+
/// @group input
|
|
266
|
+
$kendo-input-button-border-width: 1px !default;
|
|
267
|
+
/// The width of the Input spinner button.
|
|
268
|
+
/// @group input
|
|
269
|
+
$kendo-input-spinner-width: null !default;
|
|
270
|
+
/// The icon offset of the Input spinner button.
|
|
271
|
+
/// @group input
|
|
272
|
+
$kendo-input-spinner-icon-offset: null !default;
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
/// The color of the Input separator.
|
|
276
|
+
/// @group input
|
|
277
|
+
$kendo-input-separator-color: $kendo-input-text !default;
|
|
278
|
+
/// The opacity of the Input separator.
|
|
279
|
+
/// @group input
|
|
280
|
+
$kendo-input-separator-opacity: .5 !default;
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
/// The border color of the invalid Input components.
|
|
284
|
+
/// @group input
|
|
285
|
+
$kendo-input-invalid-border: $kendo-invalid-border !default;
|
|
286
|
+
/// The shadow of the invalid Input components.
|
|
287
|
+
/// @group input
|
|
288
|
+
$kendo-input-invalid-shadow: $kendo-invalid-shadow !default;
|
|
289
|
+
|
|
290
|
+
/// The background color of the Picker components.
|
|
291
|
+
/// @group picker
|
|
123
292
|
$kendo-picker-bg: $kendo-button-bg !default;
|
|
293
|
+
/// The text color of the Picker components.
|
|
294
|
+
/// @group picker
|
|
124
295
|
$kendo-picker-text: $kendo-button-text !default;
|
|
296
|
+
/// The border color of the Picker components.
|
|
297
|
+
/// @group picker
|
|
125
298
|
$kendo-picker-border: $kendo-button-border !default;
|
|
299
|
+
/// The gradient of the Picker components.
|
|
300
|
+
/// @group picker
|
|
126
301
|
$kendo-picker-gradient: $kendo-button-gradient !default;
|
|
302
|
+
/// The shadow of the Picker components.
|
|
303
|
+
/// @group picker
|
|
127
304
|
$kendo-picker-shadow: $kendo-button-shadow !default;
|
|
128
305
|
|
|
306
|
+
/// The background color of the hovered Picker components.
|
|
307
|
+
/// @group picker
|
|
129
308
|
$kendo-picker-hover-bg: $kendo-button-hover-bg !default;
|
|
309
|
+
/// The text color of the hovered Picker components.
|
|
310
|
+
/// @group picker
|
|
130
311
|
$kendo-picker-hover-text: $kendo-button-hover-text !default;
|
|
312
|
+
/// The border color of the hovered Picker components.
|
|
313
|
+
/// @group picker
|
|
131
314
|
$kendo-picker-hover-border: $kendo-button-hover-border !default;
|
|
315
|
+
/// The gradient of the hovered Picker components.
|
|
316
|
+
/// @group picker
|
|
132
317
|
$kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
|
|
318
|
+
/// The shadow of the hovered Picker components.
|
|
319
|
+
/// @group picker
|
|
133
320
|
$kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
|
|
134
321
|
|
|
322
|
+
/// The background color of the focused Picker components.
|
|
323
|
+
/// @group picker
|
|
135
324
|
$kendo-picker-focus-bg: $kendo-button-focus-bg !default;
|
|
325
|
+
/// The text color of the focused Picker components.
|
|
326
|
+
/// @group picker
|
|
136
327
|
$kendo-picker-focus-text: $kendo-button-focus-text !default;
|
|
328
|
+
/// The border color of the focused Picker components.
|
|
329
|
+
/// @group picker
|
|
137
330
|
$kendo-picker-focus-border: $kendo-button-focus-border !default;
|
|
331
|
+
/// The gradient of the focused Picker components.
|
|
332
|
+
/// @group picker
|
|
138
333
|
$kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
|
|
334
|
+
/// The shadow of the focused Picker components.
|
|
335
|
+
/// @group picker
|
|
139
336
|
$kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
|
|
140
337
|
|
|
338
|
+
/// The background color of the disabled Picker components.
|
|
339
|
+
/// @group picker
|
|
141
340
|
$kendo-picker-disabled-bg: null !default;
|
|
341
|
+
/// The text color of the disabled Picker components.
|
|
342
|
+
/// @group picker
|
|
142
343
|
$kendo-picker-disabled-text: null !default;
|
|
344
|
+
/// The border color of the disabled Picker components.
|
|
345
|
+
/// @group picker
|
|
143
346
|
$kendo-picker-disabled-border: null !default;
|
|
347
|
+
/// The gradient of the disabled Picker components.
|
|
348
|
+
/// @group picker
|
|
144
349
|
$kendo-picker-disabled-gradient: null !default;
|
|
350
|
+
/// The shadow of the disabled Picker components.
|
|
351
|
+
/// @group picker
|
|
145
352
|
$kendo-picker-disabled-shadow: null !default;
|
|
146
353
|
|
|
354
|
+
/// The background color of the outline Picker components.
|
|
355
|
+
/// @group picker
|
|
147
356
|
$kendo-picker-outline-bg: null !default;
|
|
357
|
+
/// The text color of the outline Picker components.
|
|
358
|
+
/// @group picker
|
|
148
359
|
$kendo-picker-outline-text: $kendo-button-text !default;
|
|
360
|
+
/// The border color of the outline Picker components.
|
|
361
|
+
/// @group picker
|
|
149
362
|
$kendo-picker-outline-border: rgba( $kendo-picker-outline-text, .5) !default;
|
|
150
363
|
|
|
364
|
+
/// The background color of the outline hovered Picker components.
|
|
365
|
+
/// @group picker
|
|
151
366
|
$kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
|
|
367
|
+
/// The text color of the outline hovered Picker components.
|
|
368
|
+
/// @group picker
|
|
152
369
|
$kendo-picker-outline-hover-text: k-contrast-color( $kendo-picker-outline-hover-bg ) !default;
|
|
370
|
+
/// The border color of the outline hovered Picker components.
|
|
371
|
+
/// @group picker
|
|
153
372
|
$kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg !default;
|
|
154
373
|
|
|
374
|
+
/// The background color of the outline focused Picker components.
|
|
375
|
+
/// @group picker
|
|
155
376
|
$kendo-picker-outline-focus-bg: null !default;
|
|
377
|
+
/// The text color of the outline focused Picker components.
|
|
378
|
+
/// @group picker
|
|
156
379
|
$kendo-picker-outline-focus-text: null !default;
|
|
380
|
+
/// The border color of the outline focused Picker components.
|
|
381
|
+
/// @group picker
|
|
157
382
|
$kendo-picker-outline-focus-border: null !default;
|
|
383
|
+
/// The shadow of the outline focused Picker components.
|
|
384
|
+
/// @group picker
|
|
158
385
|
$kendo-picker-outline-focus-shadow: $kendo-picker-focus-shadow !default;
|
|
159
386
|
|
|
387
|
+
/// The background color of the outline hovered and focused Picker components.
|
|
388
|
+
/// @group picker
|
|
160
389
|
$kendo-picker-outline-hover-focus-bg: null !default;
|
|
390
|
+
/// The text color of the outline hovered and focused Picker components.
|
|
391
|
+
/// @group picker
|
|
161
392
|
$kendo-picker-outline-hover-focus-text: null !default;
|
|
393
|
+
/// The border color of the outline hovered and focused Picker components.
|
|
394
|
+
/// @group picker
|
|
162
395
|
$kendo-picker-outline-hover-focus-border: null !default;
|
|
163
396
|
|
|
397
|
+
/// The background color of the flat Picker components.
|
|
398
|
+
/// @group picker
|
|
164
399
|
$kendo-picker-flat-bg: null !default;
|
|
400
|
+
/// The text color of the flat Picker components.
|
|
401
|
+
/// @group picker
|
|
165
402
|
$kendo-picker-flat-text: $kendo-button-text !default;
|
|
403
|
+
/// The border color of the flat Picker components.
|
|
404
|
+
/// @group picker
|
|
166
405
|
$kendo-picker-flat-border: $kendo-button-border !default;
|
|
167
406
|
|
|
407
|
+
/// The background color of the flat hovered Picker components.
|
|
408
|
+
/// @group picker
|
|
168
409
|
$kendo-picker-flat-hover-bg: rgba( $kendo-button-text, .04 ) !default;
|
|
410
|
+
/// The text color of the flat hovered Picker components.
|
|
411
|
+
/// @group picker
|
|
169
412
|
$kendo-picker-flat-hover-text: null !default;
|
|
413
|
+
/// The border color of the flat hovered Picker components.
|
|
414
|
+
/// @group picker
|
|
170
415
|
$kendo-picker-flat-hover-border: rgba( $kendo-button-border, .16 ) !default;
|
|
171
416
|
|
|
417
|
+
/// The background color of the flat focused Picker components.
|
|
418
|
+
/// @group picker
|
|
172
419
|
$kendo-picker-flat-focus-bg: null !default;
|
|
420
|
+
/// The text color of the flat focused Picker components.
|
|
421
|
+
/// @group picker
|
|
173
422
|
$kendo-picker-flat-focus-text: null !default;
|
|
423
|
+
/// The border color of the flat focused Picker components.
|
|
424
|
+
/// @group picker
|
|
174
425
|
$kendo-picker-flat-focus-border: null !default;
|
|
426
|
+
/// The shadow of the flat focused Picker components.
|
|
427
|
+
/// @group picker
|
|
175
428
|
$kendo-picker-flat-focus-shadow: $kendo-picker-focus-shadow !default;
|
|
176
429
|
|
|
430
|
+
/// The background color of the flat hovered and focused Picker components.
|
|
431
|
+
/// @group picker
|
|
177
432
|
$kendo-picker-flat-hover-focus-bg: null !default;
|
|
433
|
+
/// The text color of the flat hovered and focused Picker components.
|
|
434
|
+
/// @group picker
|
|
178
435
|
$kendo-picker-flat-hover-focus-text: null !default;
|
|
436
|
+
/// The border color of the flat hovered and focused Picker components.
|
|
437
|
+
/// @group picker
|
|
179
438
|
$kendo-picker-flat-hover-focus-border: null !default;
|
|
180
439
|
|
|
181
|
-
$kendo-input-placeholder-text: $kendo-subtle-text !default;
|
|
182
|
-
$kendo-input-placeholder-opacity: 1 !default;
|
|
183
440
|
|
|
184
|
-
$kendo-input-selected-bg: null !default;
|
|
185
|
-
$kendo-input-selected-text: null !default;
|
|
186
|
-
|
|
187
|
-
$kendo-input-clear-value-text: null !default;
|
|
188
|
-
$kendo-input-clear-value-opacity: .5 !default;
|
|
189
|
-
$kendo-input-clear-value-hover-text: null !default;
|
|
190
|
-
$kendo-input-clear-value-hover-opacity: 1 !default;
|
|
191
|
-
|
|
192
|
-
$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
193
|
-
$kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
// Input actions
|
|
197
|
-
$kendo-input-button-width: null !default;
|
|
198
|
-
$kendo-input-button-border-width: 1px !default;
|
|
199
|
-
$kendo-input-spinner-width: null !default;
|
|
200
|
-
$kendo-input-spinner-icon-offset: null !default;
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
// Input separator
|
|
204
|
-
$kendo-input-separator-color: $kendo-input-text !default;
|
|
205
|
-
$kendo-input-separator-opacity: .5 !default;
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
// Invalid
|
|
209
|
-
$kendo-input-invalid-border: $kendo-invalid-border !default;
|
|
210
|
-
$kendo-input-invalid-shadow: $kendo-invalid-shadow !default;
|