77313f19372ea32a7ab95cfab8a526d04d54f091
theme/css/tailwind.css
... | ... | @@ -0,0 +1,3 @@ |
1 | +@tailwind base; |
|
2 | +@tailwind components; |
|
3 | +@tailwind utilities; |
uploads/tailwind.css
... | ... | @@ -0,0 +1,671 @@ |
1 | +*, ::before, ::after { |
|
2 | + --tw-border-opacity: 1; |
|
3 | + border-color: rgba(229, 231, 235, var(--tw-border-opacity)) |
|
4 | +} |
|
5 | + |
|
6 | +.visible { |
|
7 | + visibility: visible |
|
8 | +} |
|
9 | + |
|
10 | +.sticky { |
|
11 | + position: sticky |
|
12 | +} |
|
13 | + |
|
14 | +.bottom-0 { |
|
15 | + bottom: 0px |
|
16 | +} |
|
17 | + |
|
18 | +.left-0 { |
|
19 | + left: 0px |
|
20 | +} |
|
21 | + |
|
22 | +.float-right { |
|
23 | + float: right |
|
24 | +} |
|
25 | + |
|
26 | +.float-left { |
|
27 | + float: left |
|
28 | +} |
|
29 | + |
|
30 | +.m-1 { |
|
31 | + margin: 0.25rem |
|
32 | +} |
|
33 | + |
|
34 | +.m-4 { |
|
35 | + margin: 1rem |
|
36 | +} |
|
37 | + |
|
38 | +.m-auto { |
|
39 | + margin: auto |
|
40 | +} |
|
41 | + |
|
42 | +.mx-1 { |
|
43 | + margin-left: 0.25rem; |
|
44 | + margin-right: 0.25rem |
|
45 | +} |
|
46 | + |
|
47 | +.my-2 { |
|
48 | + margin-top: 0.5rem; |
|
49 | + margin-bottom: 0.5rem |
|
50 | +} |
|
51 | + |
|
52 | +.my-3 { |
|
53 | + margin-top: 0.75rem; |
|
54 | + margin-bottom: 0.75rem |
|
55 | +} |
|
56 | + |
|
57 | +.my-4 { |
|
58 | + margin-top: 1rem; |
|
59 | + margin-bottom: 1rem |
|
60 | +} |
|
61 | + |
|
62 | +.my-8 { |
|
63 | + margin-top: 2rem; |
|
64 | + margin-bottom: 2rem |
|
65 | +} |
|
66 | + |
|
67 | +.mt-2 { |
|
68 | + margin-top: 0.5rem |
|
69 | +} |
|
70 | + |
|
71 | +.mt-4 { |
|
72 | + margin-top: 1rem |
|
73 | +} |
|
74 | + |
|
75 | +.mt-10 { |
|
76 | + margin-top: 2.5rem |
|
77 | +} |
|
78 | + |
|
79 | +.mt-20 { |
|
80 | + margin-top: 5rem |
|
81 | +} |
|
82 | + |
|
83 | +.mt-48 { |
|
84 | + margin-top: 12rem |
|
85 | +} |
|
86 | + |
|
87 | +.mb-0 { |
|
88 | + margin-bottom: 0px |
|
89 | +} |
|
90 | + |
|
91 | +.mb-1 { |
|
92 | + margin-bottom: 0.25rem |
|
93 | +} |
|
94 | + |
|
95 | +.mb-2 { |
|
96 | + margin-bottom: 0.5rem |
|
97 | +} |
|
98 | + |
|
99 | +.mb-8 { |
|
100 | + margin-bottom: 2rem |
|
101 | +} |
|
102 | + |
|
103 | +.mb-10 { |
|
104 | + margin-bottom: 2.5rem |
|
105 | +} |
|
106 | + |
|
107 | +.ml-2 { |
|
108 | + margin-left: 0.5rem |
|
109 | +} |
|
110 | + |
|
111 | +.ml-4 { |
|
112 | + margin-left: 1rem |
|
113 | +} |
|
114 | + |
|
115 | +.block { |
|
116 | + display: block |
|
117 | +} |
|
118 | + |
|
119 | +.inline-block { |
|
120 | + display: inline-block |
|
121 | +} |
|
122 | + |
|
123 | +.inline { |
|
124 | + display: inline |
|
125 | +} |
|
126 | + |
|
127 | +.flex { |
|
128 | + display: flex |
|
129 | +} |
|
130 | + |
|
131 | +.table { |
|
132 | + display: table |
|
133 | +} |
|
134 | + |
|
135 | +.contents { |
|
136 | + display: contents |
|
137 | +} |
|
138 | + |
|
139 | +.hidden { |
|
140 | + display: none |
|
141 | +} |
|
142 | + |
|
143 | +.h-8 { |
|
144 | + height: 2rem |
|
145 | +} |
|
146 | + |
|
147 | +.h-12 { |
|
148 | + height: 3rem |
|
149 | +} |
|
150 | + |
|
151 | +.h-16 { |
|
152 | + height: 4rem |
|
153 | +} |
|
154 | + |
|
155 | +.h-20 { |
|
156 | + height: 5rem |
|
157 | +} |
|
158 | + |
|
159 | +.h-56 { |
|
160 | + height: 14rem |
|
161 | +} |
|
162 | + |
|
163 | +.h-64 { |
|
164 | + height: 16rem |
|
165 | +} |
|
166 | + |
|
167 | +.w-full { |
|
168 | + width: 100% |
|
169 | +} |
|
170 | + |
|
171 | +.max-w-screen-md { |
|
172 | + max-width: 768px |
|
173 | +} |
|
174 | + |
|
175 | +.flex-auto { |
|
176 | + flex: 1 1 auto |
|
177 | +} |
|
178 | + |
|
179 | +.flex-grow { |
|
180 | + flex-grow: 1 |
|
181 | +} |
|
182 | + |
|
183 | +@-webkit-keyframes spin { |
|
184 | + to { |
|
185 | + transform: rotate(360deg) |
|
186 | + } |
|
187 | +} |
|
188 | + |
|
189 | +@keyframes spin { |
|
190 | + to { |
|
191 | + transform: rotate(360deg) |
|
192 | + } |
|
193 | +} |
|
194 | + |
|
195 | +@-webkit-keyframes ping { |
|
196 | + 75%, 100% { |
|
197 | + transform: scale(2); |
|
198 | + opacity: 0 |
|
199 | + } |
|
200 | +} |
|
201 | + |
|
202 | +@keyframes ping { |
|
203 | + 75%, 100% { |
|
204 | + transform: scale(2); |
|
205 | + opacity: 0 |
|
206 | + } |
|
207 | +} |
|
208 | + |
|
209 | +@-webkit-keyframes pulse { |
|
210 | + 50% { |
|
211 | + opacity: .5 |
|
212 | + } |
|
213 | +} |
|
214 | + |
|
215 | +@keyframes pulse { |
|
216 | + 50% { |
|
217 | + opacity: .5 |
|
218 | + } |
|
219 | +} |
|
220 | + |
|
221 | +@-webkit-keyframes bounce { |
|
222 | + 0%, 100% { |
|
223 | + transform: translateY(-25%); |
|
224 | + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); |
|
225 | + animation-timing-function: cubic-bezier(0.8,0,1,1) |
|
226 | + } |
|
227 | + |
|
228 | + 50% { |
|
229 | + transform: none; |
|
230 | + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); |
|
231 | + animation-timing-function: cubic-bezier(0,0,0.2,1) |
|
232 | + } |
|
233 | +} |
|
234 | + |
|
235 | +@keyframes bounce { |
|
236 | + 0%, 100% { |
|
237 | + transform: translateY(-25%); |
|
238 | + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); |
|
239 | + animation-timing-function: cubic-bezier(0.8,0,1,1) |
|
240 | + } |
|
241 | + |
|
242 | + 50% { |
|
243 | + transform: none; |
|
244 | + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); |
|
245 | + animation-timing-function: cubic-bezier(0,0,0.2,1) |
|
246 | + } |
|
247 | +} |
|
248 | + |
|
249 | +.flex-row { |
|
250 | + flex-direction: row |
|
251 | +} |
|
252 | + |
|
253 | +.content-center { |
|
254 | + align-content: center |
|
255 | +} |
|
256 | + |
|
257 | +.items-end { |
|
258 | + align-items: flex-end |
|
259 | +} |
|
260 | + |
|
261 | +.items-center { |
|
262 | + align-items: center |
|
263 | +} |
|
264 | + |
|
265 | +.justify-between { |
|
266 | + justify-content: space-between |
|
267 | +} |
|
268 | + |
|
269 | +.overflow-x-scroll { |
|
270 | + overflow-x: scroll |
|
271 | +} |
|
272 | + |
|
273 | +.rounded { |
|
274 | + border-radius: 0.25rem |
|
275 | +} |
|
276 | + |
|
277 | +.rounded-full { |
|
278 | + border-radius: 9999px |
|
279 | +} |
|
280 | + |
|
281 | +.border-0 { |
|
282 | + border-width: 0px |
|
283 | +} |
|
284 | + |
|
285 | +.border-2 { |
|
286 | + border-width: 2px |
|
287 | +} |
|
288 | + |
|
289 | +.border { |
|
290 | + border-width: 1px |
|
291 | +} |
|
292 | + |
|
293 | +.border-t-2 { |
|
294 | + border-top-width: 2px |
|
295 | +} |
|
296 | + |
|
297 | +.border-b-2 { |
|
298 | + border-bottom-width: 2px |
|
299 | +} |
|
300 | + |
|
301 | +.border-black { |
|
302 | + --tw-border-opacity: 1; |
|
303 | + border-color: rgba(0, 0, 0, var(--tw-border-opacity)) |
|
304 | +} |
|
305 | + |
|
306 | +.border-gray-300 { |
|
307 | + --tw-border-opacity: 1; |
|
308 | + border-color: rgba(209, 213, 219, var(--tw-border-opacity)) |
|
309 | +} |
|
310 | + |
|
311 | +.border-pink-200 { |
|
312 | + --tw-border-opacity: 1; |
|
313 | + border-color: rgba(251, 207, 232, var(--tw-border-opacity)) |
|
314 | +} |
|
315 | + |
|
316 | +.border-pink-300 { |
|
317 | + --tw-border-opacity: 1; |
|
318 | + border-color: rgba(249, 168, 212, var(--tw-border-opacity)) |
|
319 | +} |
|
320 | + |
|
321 | +.border-pink-600 { |
|
322 | + --tw-border-opacity: 1; |
|
323 | + border-color: rgba(219, 39, 119, var(--tw-border-opacity)) |
|
324 | +} |
|
325 | + |
|
326 | +.bg-transparent { |
|
327 | + background-color: transparent |
|
328 | +} |
|
329 | + |
|
330 | +.bg-gray-300 { |
|
331 | + --tw-bg-opacity: 1; |
|
332 | + background-color: rgba(209, 213, 219, var(--tw-bg-opacity)) |
|
333 | +} |
|
334 | + |
|
335 | +.bg-pink-100 { |
|
336 | + --tw-bg-opacity: 1; |
|
337 | + background-color: rgba(252, 231, 243, var(--tw-bg-opacity)) |
|
338 | +} |
|
339 | + |
|
340 | +.bg-pink-300 { |
|
341 | + --tw-bg-opacity: 1; |
|
342 | + background-color: rgba(249, 168, 212, var(--tw-bg-opacity)) |
|
343 | +} |
|
344 | + |
|
345 | +.bg-pink-400 { |
|
346 | + --tw-bg-opacity: 1; |
|
347 | + background-color: rgba(244, 114, 182, var(--tw-bg-opacity)) |
|
348 | +} |
|
349 | + |
|
350 | +.hover\:bg-gray-300:hover { |
|
351 | + --tw-bg-opacity: 1; |
|
352 | + background-color: rgba(209, 213, 219, var(--tw-bg-opacity)) |
|
353 | +} |
|
354 | + |
|
355 | +.hover\:bg-pink-100:hover { |
|
356 | + --tw-bg-opacity: 1; |
|
357 | + background-color: rgba(252, 231, 243, var(--tw-bg-opacity)) |
|
358 | +} |
|
359 | + |
|
360 | +.p-0 { |
|
361 | + padding: 0px |
|
362 | +} |
|
363 | + |
|
364 | +.p-1 { |
|
365 | + padding: 0.25rem |
|
366 | +} |
|
367 | + |
|
368 | +.p-2 { |
|
369 | + padding: 0.5rem |
|
370 | +} |
|
371 | + |
|
372 | +.p-4 { |
|
373 | + padding: 1rem |
|
374 | +} |
|
375 | + |
|
376 | +.px-1 { |
|
377 | + padding-left: 0.25rem; |
|
378 | + padding-right: 0.25rem |
|
379 | +} |
|
380 | + |
|
381 | +.px-2 { |
|
382 | + padding-left: 0.5rem; |
|
383 | + padding-right: 0.5rem |
|
384 | +} |
|
385 | + |
|
386 | +.px-3 { |
|
387 | + padding-left: 0.75rem; |
|
388 | + padding-right: 0.75rem |
|
389 | +} |
|
390 | + |
|
391 | +.px-4 { |
|
392 | + padding-left: 1rem; |
|
393 | + padding-right: 1rem |
|
394 | +} |
|
395 | + |
|
396 | +.px-6 { |
|
397 | + padding-left: 1.5rem; |
|
398 | + padding-right: 1.5rem |
|
399 | +} |
|
400 | + |
|
401 | +.py-2 { |
|
402 | + padding-top: 0.5rem; |
|
403 | + padding-bottom: 0.5rem |
|
404 | +} |
|
405 | + |
|
406 | +.py-3 { |
|
407 | + padding-top: 0.75rem; |
|
408 | + padding-bottom: 0.75rem |
|
409 | +} |
|
410 | + |
|
411 | +.py-4 { |
|
412 | + padding-top: 1rem; |
|
413 | + padding-bottom: 1rem |
|
414 | +} |
|
415 | + |
|
416 | +.py-6 { |
|
417 | + padding-top: 1.5rem; |
|
418 | + padding-bottom: 1.5rem |
|
419 | +} |
|
420 | + |
|
421 | +.py-8 { |
|
422 | + padding-top: 2rem; |
|
423 | + padding-bottom: 2rem |
|
424 | +} |
|
425 | + |
|
426 | +.pt-4 { |
|
427 | + padding-top: 1rem |
|
428 | +} |
|
429 | + |
|
430 | +.pt-5 { |
|
431 | + padding-top: 1.25rem |
|
432 | +} |
|
433 | + |
|
434 | +.pt-10 { |
|
435 | + padding-top: 2.5rem |
|
436 | +} |
|
437 | + |
|
438 | +.pt-28 { |
|
439 | + padding-top: 7rem |
|
440 | +} |
|
441 | + |
|
442 | +.pr-2 { |
|
443 | + padding-right: 0.5rem |
|
444 | +} |
|
445 | + |
|
446 | +.pr-4 { |
|
447 | + padding-right: 1rem |
|
448 | +} |
|
449 | + |
|
450 | +.pr-8 { |
|
451 | + padding-right: 2rem |
|
452 | +} |
|
453 | + |
|
454 | +.pr-9 { |
|
455 | + padding-right: 2.25rem |
|
456 | +} |
|
457 | + |
|
458 | +.pb-0 { |
|
459 | + padding-bottom: 0px |
|
460 | +} |
|
461 | + |
|
462 | +.pb-4 { |
|
463 | + padding-bottom: 1rem |
|
464 | +} |
|
465 | + |
|
466 | +.pl-2 { |
|
467 | + padding-left: 0.5rem |
|
468 | +} |
|
469 | + |
|
470 | +.pl-4 { |
|
471 | + padding-left: 1rem |
|
472 | +} |
|
473 | + |
|
474 | +.pl-5 { |
|
475 | + padding-left: 1.25rem |
|
476 | +} |
|
477 | + |
|
478 | +.text-center { |
|
479 | + text-align: center |
|
480 | +} |
|
481 | + |
|
482 | +.align-text-bottom { |
|
483 | + vertical-align: text-bottom |
|
484 | +} |
|
485 | + |
|
486 | +.text-base { |
|
487 | + font-size: 1rem; |
|
488 | + line-height: 1.5rem |
|
489 | +} |
|
490 | + |
|
491 | +.text-lg { |
|
492 | + font-size: 1.125rem; |
|
493 | + line-height: 1.75rem |
|
494 | +} |
|
495 | + |
|
496 | +.text-xl { |
|
497 | + font-size: 1.25rem; |
|
498 | + line-height: 1.75rem |
|
499 | +} |
|
500 | + |
|
501 | +.text-2xl { |
|
502 | + font-size: 1.5rem; |
|
503 | + line-height: 2rem |
|
504 | +} |
|
505 | + |
|
506 | +.text-3xl { |
|
507 | + font-size: 1.875rem; |
|
508 | + line-height: 2.25rem |
|
509 | +} |
|
510 | + |
|
511 | +.font-medium { |
|
512 | + font-weight: 500 |
|
513 | +} |
|
514 | + |
|
515 | +.font-semibold { |
|
516 | + font-weight: 600 |
|
517 | +} |
|
518 | + |
|
519 | +.font-bold { |
|
520 | + font-weight: 700 |
|
521 | +} |
|
522 | + |
|
523 | +.italic { |
|
524 | + font-style: italic |
|
525 | +} |
|
526 | + |
|
527 | +.leading-10 { |
|
528 | + line-height: 2.5rem |
|
529 | +} |
|
530 | + |
|
531 | +.leading-relaxed { |
|
532 | + line-height: 1.625 |
|
533 | +} |
|
534 | + |
|
535 | +.text-black { |
|
536 | + --tw-text-opacity: 1; |
|
537 | + color: rgba(0, 0, 0, var(--tw-text-opacity)) |
|
538 | +} |
|
539 | + |
|
540 | +.text-white { |
|
541 | + --tw-text-opacity: 1; |
|
542 | + color: rgba(255, 255, 255, var(--tw-text-opacity)) |
|
543 | +} |
|
544 | + |
|
545 | +.hover\:text-black:hover { |
|
546 | + --tw-text-opacity: 1; |
|
547 | + color: rgba(0, 0, 0, var(--tw-text-opacity)) |
|
548 | +} |
|
549 | + |
|
550 | +.hover\:text-gray-800:hover { |
|
551 | + --tw-text-opacity: 1; |
|
552 | + color: rgba(31, 41, 55, var(--tw-text-opacity)) |
|
553 | +} |
|
554 | + |
|
555 | +.underline { |
|
556 | + text-decoration: underline |
|
557 | +} |
|
558 | + |
|
559 | +.no-underline { |
|
560 | + text-decoration: none |
|
561 | +} |
|
562 | + |
|
563 | +.hover\:underline:hover { |
|
564 | + text-decoration: underline |
|
565 | +} |
|
566 | + |
|
567 | +*, ::before, ::after { |
|
568 | + --tw-shadow: 0 0 #0000 |
|
569 | +} |
|
570 | + |
|
571 | +*, ::before, ::after { |
|
572 | + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); |
|
573 | + --tw-ring-offset-width: 0px; |
|
574 | + --tw-ring-offset-color: #fff; |
|
575 | + --tw-ring-color: rgba(59, 130, 246, 0.5); |
|
576 | + --tw-ring-offset-shadow: 0 0 #0000; |
|
577 | + --tw-ring-shadow: 0 0 #0000 |
|
578 | +} |
|
579 | + |
|
580 | +@media (min-width: 640px) { |
|
581 | +} |
|
582 | + |
|
583 | +@media (min-width: 768px) { |
|
584 | + .md\:mt-0 { |
|
585 | + margin-top: 0px |
|
586 | + } |
|
587 | + |
|
588 | + .md\:block { |
|
589 | + display: block |
|
590 | + } |
|
591 | + |
|
592 | + .md\:inline-block { |
|
593 | + display: inline-block |
|
594 | + } |
|
595 | + |
|
596 | + .md\:inline { |
|
597 | + display: inline |
|
598 | + } |
|
599 | + |
|
600 | + .md\:flex { |
|
601 | + display: flex |
|
602 | + } |
|
603 | + |
|
604 | + .md\:hidden { |
|
605 | + display: none |
|
606 | + } |
|
607 | + |
|
608 | + .md\:h-6 { |
|
609 | + height: 1.5rem |
|
610 | + } |
|
611 | + |
|
612 | + .md\:h-40 { |
|
613 | + height: 10rem |
|
614 | + } |
|
615 | + |
|
616 | + .md\:w-auto { |
|
617 | + width: auto |
|
618 | + } |
|
619 | + |
|
620 | + .md\:flex-grow { |
|
621 | + flex-grow: 1 |
|
622 | + } |
|
623 | + |
|
624 | + .md\:items-center { |
|
625 | + align-items: center |
|
626 | + } |
|
627 | +} |
|
628 | + |
|
629 | +@media (min-width: 1024px) { |
|
630 | + .lg\:mt-0 { |
|
631 | + margin-top: 0px |
|
632 | + } |
|
633 | + |
|
634 | + .lg\:mr-5 { |
|
635 | + margin-right: 1.25rem |
|
636 | + } |
|
637 | + |
|
638 | + .lg\:ml-5 { |
|
639 | + margin-left: 1.25rem |
|
640 | + } |
|
641 | + |
|
642 | + .lg\:flex { |
|
643 | + display: flex |
|
644 | + } |
|
645 | + |
|
646 | + .lg\:h-64 { |
|
647 | + height: 16rem |
|
648 | + } |
|
649 | + |
|
650 | + .lg\:w-1\/2 { |
|
651 | + width: 50% |
|
652 | + } |
|
653 | + |
|
654 | + .lg\:max-w-screen-lg { |
|
655 | + max-width: 1024px |
|
656 | + } |
|
657 | + |
|
658 | + .lg\:text-xl { |
|
659 | + font-size: 1.25rem; |
|
660 | + line-height: 1.75rem |
|
661 | + } |
|
662 | +} |
|
663 | + |
|
664 | +@media (min-width: 1280px) { |
|
665 | + .xl\:p-4 { |
|
666 | + padding: 1rem |
|
667 | + } |
|
668 | +} |
|
669 | + |
|
670 | +@media (min-width: 1536px) { |
|
671 | +} |