danabra.mov
an app to share curated trails
sidetrail.app
atproto
nextjs
react
rsc
1.TrailsLoading-grid {
2 max-width: 800px;
3 margin: 0 auto;
4 display: grid;
5 grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
6 gap: 1.5rem;
7 padding: 0 1rem;
8 min-height: 1px;
9 opacity: 0.7;
10}
11
12@media (max-width: 768px) {
13 .TrailsLoading-grid {
14 grid-template-columns: 1fr;
15 }
16}
17
18.TrailsLoading-card {
19 border-radius: 12px;
20 padding: 1.5rem;
21 border: 1.5px solid var(--border-subtle);
22 background: rgba(0, 0, 0, 0.015);
23}
24
25@media (prefers-color-scheme: dark) {
26 .TrailsLoading-card {
27 background: rgba(255, 255, 255, 0.015);
28 }
29}
30
31.TrailsLoading-meta {
32 display: flex;
33 justify-content: space-between;
34 align-items: center;
35 padding-top: 0.75rem;
36 border-top: 1px solid var(--border-subtle);
37}