-
Notifications
You must be signed in to change notification settings - Fork 66
/
_variables.scss
193 lines (155 loc) · 7.69 KB
/
_variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
// Input
$kendo-input-default-width: 100% !default;
$kendo-input-border-width: 1px !default;
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
$kendo-input-border-radius: null !default;
$kendo-input-padding-x: map-get( $spacing, 2 ) !default;
$kendo-input-padding-y: map-get( $spacing, 1 ) !default;
$kendo-input-font-family: $font-family !default;
$kendo-input-font-size: $font-size-md !default;
$kendo-input-line-height: $line-height-md !default;
$kendo-input-padding-x-sm: map-get( $spacing, 2 ) !default;
$kendo-input-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
$kendo-input-font-size-sm: $font-size-md !default;
$kendo-input-line-height-sm: $line-height-md !default;
$kendo-input-padding-x-md: map-get( $spacing, 2 ) !default;
$kendo-input-padding-y-md: map-get( $spacing, 1 ) !default;
$kendo-input-font-size-md: $font-size-md !default;
$kendo-input-line-height-md: $line-height-md !default;
$kendo-input-padding-x-lg: map-get( $spacing, 2 ) !default;
$kendo-input-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
$kendo-input-font-size-lg: $font-size-md !default;
$kendo-input-line-height-lg: $line-height-md !default;
$kendo-input-sizes: (
sm: (
padding-x: $kendo-input-padding-x-sm,
padding-y: $kendo-input-padding-y-sm,
font-size: $kendo-input-font-size-sm,
line-height: $kendo-input-line-height-sm,
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
button-padding-x: $kendo-input-padding-y-sm,
button-padding-y: $kendo-input-padding-y-sm
),
md: (
padding-x: $kendo-input-padding-x-md,
padding-y: $kendo-input-padding-y-md,
font-size: $kendo-input-font-size-md,
line-height: $kendo-input-line-height-md,
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
button-padding-x: $kendo-input-padding-y-md,
button-padding-y: $kendo-input-padding-y-md
),
lg: (
padding-x: $kendo-input-padding-x-lg,
padding-y: $kendo-input-padding-y-lg,
font-size: $kendo-input-font-size-lg,
line-height: $kendo-input-line-height-lg,
icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
button-padding-x: $kendo-input-padding-y-lg,
button-padding-y: $kendo-input-padding-y-lg
)
) !default;
$kendo-input-bg: $component-bg !default;
$kendo-input-text: $component-text !default;
$kendo-input-border: $kendo-button-border !default;
$kendo-input-shadow: null !default;
$kendo-input-hover-bg: null !default;
$kendo-input-hover-text: null !default;
$kendo-input-hover-border: $kendo-button-hover-border !default;
$kendo-input-hover-shadow: null !default;
$kendo-input-focus-bg: null !default;
$kendo-input-focus-text: null !default;
$kendo-input-focus-border: rgba(0, 0, 0, .1) !default;
$kendo-input-focus-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
$kendo-input-disabled-bg: null !default;
$kendo-input-disabled-text: null !default;
$kendo-input-disabled-border: null !default;
$kendo-input-disabled-gradient: null !default;
$kendo-input-disabled-shadow: null !default;
$kendo-input-outline-bg: null !default;
$kendo-input-outline-text: null !default;
$kendo-input-outline-border: rgba( $kendo-button-text, .5) !default;
$kendo-input-outline-hover-bg: null !default;
$kendo-input-outline-hover-text: null !default;
$kendo-input-outline-hover-border: rgba( $kendo-button-text, .8) !default;
$kendo-input-outline-focus-bg: null !default;
$kendo-input-outline-focus-text: null !default;
$kendo-input-outline-focus-border: null !default;
$kendo-input-outline-focus-shadow: $kendo-input-focus-shadow !default;
$kendo-input-flat-bg: null !default;
$kendo-input-flat-text: $kendo-input-text !default;
$kendo-input-flat-border: $kendo-input-border !default;
$kendo-input-flat-hover-bg: null !default;
$kendo-input-flat-hover-text: null !default;
$kendo-input-flat-hover-border: $kendo-input-hover-border !default;
$kendo-input-flat-focus-bg: null !default;
$kendo-input-flat-focus-text: null !default;
$kendo-input-flat-focus-border: null !default;
$kendo-input-flat-focus-shadow: $kendo-input-focus-shadow !default;
$kendo-picker-bg: $kendo-button-bg !default;
$kendo-picker-text: $kendo-button-text !default;
$kendo-picker-border: $kendo-button-border !default;
$kendo-picker-gradient: $kendo-button-gradient !default;
$kendo-picker-shadow: $kendo-button-shadow !default;
$kendo-picker-hover-bg: $kendo-button-hover-bg !default;
$kendo-picker-hover-text: $kendo-button-hover-text !default;
$kendo-picker-hover-border: $kendo-button-hover-border !default;
$kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
$kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
$kendo-picker-focus-bg: $kendo-button-focus-bg !default;
$kendo-picker-focus-text: $kendo-button-focus-text !default;
$kendo-picker-focus-border: $kendo-button-focus-border !default;
$kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
$kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
$kendo-picker-disabled-bg: null !default;
$kendo-picker-disabled-text: null !default;
$kendo-picker-disabled-border: null !default;
$kendo-picker-disabled-gradient: null !default;
$kendo-picker-disabled-shadow: null !default;
$kendo-picker-outline-bg: null !default;
$kendo-picker-outline-text: $kendo-button-text !default;
$kendo-picker-outline-border: rgba( $kendo-picker-outline-text, .5) !default;
$kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
$kendo-picker-outline-hover-text: contrast-wcag( $kendo-picker-outline-hover-bg ) !default;
$kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg !default;
$kendo-picker-outline-focus-bg: null !default;
$kendo-picker-outline-focus-text: null !default;
$kendo-picker-outline-focus-border: null !default;
$kendo-picker-outline-focus-shadow: $kendo-picker-focus-shadow !default;
$kendo-picker-outline-hover-focus-bg: null !default;
$kendo-picker-outline-hover-focus-text: null !default;
$kendo-picker-outline-hover-focus-border: null !default;
$kendo-picker-flat-bg: null !default;
$kendo-picker-flat-text: $kendo-button-text !default;
$kendo-picker-flat-border: $kendo-button-border !default;
$kendo-picker-flat-hover-bg: rgba( $kendo-button-text, .04 ) !default;
$kendo-picker-flat-hover-text: null !default;
$kendo-picker-flat-hover-border: rgba( $kendo-button-border, .16 ) !default;
$kendo-picker-flat-focus-bg: null !default;
$kendo-picker-flat-focus-text: null !default;
$kendo-picker-flat-focus-border: null !default;
$kendo-picker-flat-focus-shadow: $kendo-picker-focus-shadow !default;
$kendo-picker-flat-hover-focus-bg: null !default;
$kendo-picker-flat-hover-focus-text: null !default;
$kendo-picker-flat-hover-focus-border: null !default;
$kendo-input-placeholder-text: $subtle-text !default;
$kendo-input-placeholder-opacity: 1 !default;
$kendo-input-selected-bg: null !default;
$kendo-input-selected-text: null !default;
$kendo-input-clear-value-text: null !default;
$kendo-input-clear-value-opacity: .5 !default;
$kendo-input-clear-value-hover-text: null !default;
$kendo-input-clear-value-hover-opacity: 1 !default;
$kendo-input-values-margin-y: map-get( $spacing, thin ) !default;
$kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
// Input actions
$kendo-input-button-width: null !default;
$kendo-input-button-border-width: 1px !default;
$kendo-input-spinner-width: null !default;
$kendo-input-spinner-icon-offset: null !default;
// Input separator
$kendo-input-separator-color: $kendo-input-text !default;
$kendo-input-separator-opacity: .5 !default;
// Invalid
$kendo-input-invalid-border: $invalid-border !default;
$kendo-input-invalid-shadow: $invalid-shadow !default;