-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.css
251 lines (247 loc) · 9.37 KB
/
index.css
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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
:root {
--color-white: #FFFFFF;
--color-black: #070B14;
--color-neutral: #293648;
--color-neutral-90: #394B5B;
--color-neutral-80: #505F6D;
--color-neutral-70: #65737F;
--color-neutral-60: #7C8792;
--color-neutral-50: #919BA4;
--color-neutral-40: #A7AFB6;
--color-neutral-30: #C3C9CD;
--color-neutral-20: #D3D7DB;
--color-neutral-14: #E0E3E5;
--color-neutral-10: #E9EBEC;
--color-neutral-04: #F6F7F8;
--color-green: #2ACA4B;
--color-green-hover: #199E33;
--color-green-darker: #006607;
--color-green-disabled: #94E4A5;
--color-blue: #007FFF;
--color-blue-hover: #0066CC;
--color-blue-darker: #003E83;
--color-blue-disabled: #7FBFFF;
--color-mint: #159F84;
--color-mint-hover: #0B856D;
--color-mint-darker: #045943;
--color-mint-disabled: #8ACFC1;
--color-yellow: #F2CD02;
--color-yellow-hover: #C4A500;
--color-yellow-darker: #9F7D07;
--color-yellow-disabled: #FBF0B3;
--color-red: #D8524E;
--color-red-hover: #B33C38;
--color-red-darker: #A52724;
--color-red-disabled: #EBA8A6;
--color-pink: #F9A5E4;
}
.color-white { color: #FFFFFF }
.color-black { color: #070B14 }
.color-neutral { color: #293648 }
.color-neutral-90 { color: #394B5B }
.color-neutral-80 { color: #505F6D }
.color-neutral-70 { color: #65737F }
.color-neutral-60 { color: #7C8792 }
.color-neutral-50 { color: #919BA4 }
.color-neutral-40 { color: #A7AFB6 }
.color-neutral-30 { color: #C3C9CD }
.color-neutral-20 { color: #D3D7DB }
.color-neutral-14 { color: #E0E3E5 }
.color-neutral-10 { color: #E9EBEC }
.color-neutral-04 { color: #F6F7F8 }
.color-green { color: #2ACA4B }
.color-green-hover { color: #199E33 }
.color-green-darker { color: #006607 }
.color-green-disabled { color: #94E4A5 }
.color-blue { color: #007FFF }
.color-blue-hover { color: #0066CC }
.color-blue-darker { color: #003E83 }
.color-blue-disabled { color: #7FBFFF }
.color-mint { color: #159F84 }
.color-mint-hover { color: #0B856D }
.color-mint-darker { color: #045943 }
.color-mint-disabled { color: #8ACFC1 }
.color-yellow { color: #F2CD02 }
.color-yellow-hover { color: #C4A500 }
.color-yellow-darker { color: #9F7D07 }
.color-yellow-disabled { color: #FBF0B3 }
.color-red { color: #D8524E }
.color-red-hover { color: #B33C38 }
.color-red-darker { color: #A52724 }
.color-red-disabled { color: #EBA8A6 }
.color-pink { color: #F9A5E4 }
.hover-color-white:hover,
.hover-color-white:focus { color: #FFFFFF }
.hover-color-black:hover,
.hover-color-black:focus { color: #070B14 }
.hover-color-neutral:hover,
.hover-color-neutral:focus { color: #293648 }
.hover-color-neutral-90:hover,
.hover-color-neutral-90:focus { color: #394B5B }
.hover-color-neutral-80:hover,
.hover-color-neutral-80:focus { color: #505F6D }
.hover-color-neutral-70:hover,
.hover-color-neutral-70:focus { color: #65737F }
.hover-color-neutral-60:hover,
.hover-color-neutral-60:focus { color: #7C8792 }
.hover-color-neutral-50:hover,
.hover-color-neutral-50:focus { color: #919BA4 }
.hover-color-neutral-40:hover,
.hover-color-neutral-40:focus { color: #A7AFB6 }
.hover-color-neutral-30:hover,
.hover-color-neutral-30:focus { color: #C3C9CD }
.hover-color-neutral-20:hover,
.hover-color-neutral-20:focus { color: #D3D7DB }
.hover-color-neutral-14:hover,
.hover-color-neutral-14:focus { color: #E0E3E5 }
.hover-color-neutral-10:hover,
.hover-color-neutral-10:focus { color: #E9EBEC }
.hover-color-neutral-04:hover,
.hover-color-neutral-04:focus { color: #F6F7F8 }
.hover-color-green:hover,
.hover-color-green:focus { color: #2ACA4B }
.hover-color-green-hover:hover,
.hover-color-green-hover:focus { color: #199E33 }
.hover-color-green-darker:hover,
.hover-color-green-darker:focus { color: #006607 }
.hover-color-green-disabled:hover,
.hover-color-green-disabled:focus { color: #94E4A5 }
.hover-color-blue:hover,
.hover-color-blue:focus { color: #007FFF }
.hover-color-blue-hover:hover,
.hover-color-blue-hover:focus { color: #0066CC }
.hover-color-blue-darker:hover,
.hover-color-blue-darker:focus { color: #003E83 }
.hover-color-blue-disabled:hover,
.hover-color-blue-disabled:focus { color: #7FBFFF }
.hover-color-mint:hover,
.hover-color-mint:focus { color: #159F84 }
.hover-color-mint-hover:hover,
.hover-color-mint-hover:focus { color: #0B856D }
.hover-color-mint-darker:hover,
.hover-color-mint-darker:focus { color: #045943 }
.hover-color-mint-disabled:hover,
.hover-color-mint-disabled:focus { color: #8ACFC1 }
.hover-color-yellow:hover,
.hover-color-yellow:focus { color: #F2CD02 }
.hover-color-yellow-hover:hover,
.hover-color-yellow-hover:focus { color: #C4A500 }
.hover-color-yellow-darker:hover,
.hover-color-yellow-darker:focus { color: #9F7D07 }
.hover-color-yellow-disabled:hover,
.hover-color-yellow-disabled:focus { color: #FBF0B3 }
.hover-color-red:hover,
.hover-color-red:focus { color: #D8524E }
.hover-color-red-hover:hover,
.hover-color-red-hover:focus { color: #B33C38 }
.hover-color-red-darker:hover,
.hover-color-red-darker:focus { color: #A52724 }
.hover-color-red-disabled:hover,
.hover-color-red-disabled:focus { color: #EBA8A6 }
.hover-color-pink:hover,
.hover-color-pink:focus { color: #F9A5E4 }
.bg-white { background-color: #FFFFFF }
.bg-black { background-color: #070B14 }
.bg-neutral { background-color: #293648 }
.bg-neutral-90 { background-color: #394B5B }
.bg-neutral-80 { background-color: #505F6D }
.bg-neutral-70 { background-color: #65737F }
.bg-neutral-60 { background-color: #7C8792 }
.bg-neutral-50 { background-color: #919BA4 }
.bg-neutral-40 { background-color: #A7AFB6 }
.bg-neutral-30 { background-color: #C3C9CD }
.bg-neutral-20 { background-color: #D3D7DB }
.bg-neutral-14 { background-color: #E0E3E5 }
.bg-neutral-10 { background-color: #E9EBEC }
.bg-neutral-04 { background-color: #F6F7F8 }
.bg-green { background-color: #2ACA4B }
.bg-green-hover { background-color: #199E33 }
.bg-green-darker { background-color: #006607 }
.bg-green-disabled { background-color: #94E4A5 }
.bg-blue { background-color: #007FFF }
.bg-blue-hover { background-color: #0066CC }
.bg-blue-darker { background-color: #003E83 }
.bg-blue-disabled { background-color: #7FBFFF }
.bg-mint { background-color: #159F84 }
.bg-mint-hover { background-color: #0B856D }
.bg-mint-darker { background-color: #045943 }
.bg-mint-disabled { background-color: #8ACFC1 }
.bg-yellow { background-color: #F2CD02 }
.bg-yellow-hover { background-color: #C4A500 }
.bg-yellow-darker { background-color: #9F7D07 }
.bg-yellow-disabled { background-color: #FBF0B3 }
.bg-red { background-color: #D8524E }
.bg-red-hover { background-color: #B33C38 }
.bg-red-darker { background-color: #A52724 }
.bg-red-disabled { background-color: #EBA8A6 }
.bg-pink { background-color: #F9A5E4 }
.hover-bg-white:hover,
.hover-bg-white:focus { background-color: #FFFFFF }
.hover-bg-black:hover,
.hover-bg-black:focus { background-color: #070B14 }
.hover-bg-neutral:hover,
.hover-bg-neutral:focus { background-color: #293648 }
.hover-bg-neutral-90:hover,
.hover-bg-neutral-90:focus { background-color: #394B5B }
.hover-bg-neutral-80:hover,
.hover-bg-neutral-80:focus { background-color: #505F6D }
.hover-bg-neutral-70:hover,
.hover-bg-neutral-70:focus { background-color: #65737F }
.hover-bg-neutral-60:hover,
.hover-bg-neutral-60:focus { background-color: #7C8792 }
.hover-bg-neutral-50:hover,
.hover-bg-neutral-50:focus { background-color: #919BA4 }
.hover-bg-neutral-40:hover,
.hover-bg-neutral-40:focus { background-color: #A7AFB6 }
.hover-bg-neutral-30:hover,
.hover-bg-neutral-30:focus { background-color: #C3C9CD }
.hover-bg-neutral-20:hover,
.hover-bg-neutral-20:focus { background-color: #D3D7DB }
.hover-bg-neutral-14:hover,
.hover-bg-neutral-14:focus { background-color: #E0E3E5 }
.hover-bg-neutral-10:hover,
.hover-bg-neutral-10:focus { background-color: #E9EBEC }
.hover-bg-neutral-04:hover,
.hover-bg-neutral-04:focus { background-color: #F6F7F8 }
.hover-bg-green:hover,
.hover-bg-green:focus { background-color: #2ACA4B }
.hover-bg-green-hover:hover,
.hover-bg-green-hover:focus { background-color: #199E33 }
.hover-bg-green-darker:hover,
.hover-bg-green-darker:focus { background-color: #006607 }
.hover-bg-green-disabled:hover,
.hover-bg-green-disabled:focus { background-color: #94E4A5 }
.hover-bg-blue:hover,
.hover-bg-blue:focus { background-color: #007FFF }
.hover-bg-blue-hover:hover,
.hover-bg-blue-hover:focus { background-color: #0066CC }
.hover-bg-blue-darker:hover,
.hover-bg-blue-darker:focus { background-color: #003E83 }
.hover-bg-blue-disabled:hover,
.hover-bg-blue-disabled:focus { background-color: #7FBFFF }
.hover-bg-mint:hover,
.hover-bg-mint:focus { background-color: #159F84 }
.hover-bg-mint-hover:hover,
.hover-bg-mint-hover:focus { background-color: #0B856D }
.hover-bg-mint-darker:hover,
.hover-bg-mint-darker:focus { background-color: #045943 }
.hover-bg-mint-disabled:hover,
.hover-bg-mint-disabled:focus { background-color: #8ACFC1 }
.hover-bg-yellow:hover,
.hover-bg-yellow:focus { background-color: #F2CD02 }
.hover-bg-yellow-hover:hover,
.hover-bg-yellow-hover:focus { background-color: #C4A500 }
.hover-bg-yellow-darker:hover,
.hover-bg-yellow-darker:focus { background-color: #9F7D07 }
.hover-bg-yellow-disabled:hover,
.hover-bg-yellow-disabled:focus { background-color: #FBF0B3 }
.hover-bg-red:hover,
.hover-bg-red:focus { background-color: #D8524E }
.hover-bg-red-hover:hover,
.hover-bg-red-hover:focus { background-color: #B33C38 }
.hover-bg-red-darker:hover,
.hover-bg-red-darker:focus { background-color: #A52724 }
.hover-bg-red-disabled:hover,
.hover-bg-red-disabled:focus { background-color: #EBA8A6 }
.hover-bg-pink:hover,
.hover-bg-pink:focus { background-color: #F9A5E4 }