ATProto forum built with ESAV
whey.party
1@import "tailwindcss";
2.stretched-link::after {
3 position: absolute;
4 top: 0;
5 right: 0;
6 bottom: 0;
7 left: 0;
8 z-index: 1; /* This makes the link's clickable area cover the content */
9 content: "";
10}
11.forum-grid {
12 display: grid;
13 grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
14 gap: 1.5rem;
15}
16.App {
17 text-align: center;
18}
19
20.App-logo {
21 height: 40vmin;
22 pointer-events: none;
23}
24
25@media (prefers-reduced-motion: no-preference) {
26 .App-logo {
27 animation: App-logo-spin infinite 20s linear;
28 }
29}
30
31.App-header {
32 background-color: #282c34;
33 min-height: 100vh;
34 display: flex;
35 flex-direction: column;
36 align-items: center;
37 justify-content: center;
38 font-size: calc(10px + 2vmin);
39 color: white;
40}
41
42.App-link {
43 color: #61dafb;
44}
45
46@keyframes App-logo-spin {
47 from {
48 transform: rotate(0deg);
49 }
50 to {
51 transform: rotate(360deg);
52 }
53}