an app to share curated trails
sidetrail.app
1.HomeShell {
2 min-height: 100vh;
3 background-color: var(--bg-primary);
4 padding: 2rem 1rem;
5}
6
7.HomeShell-header {
8 max-width: 800px;
9 margin: 0 auto 2rem;
10 padding: 1rem;
11}
12
13.HomeShell-titleRow {
14 display: flex;
15 justify-content: space-between;
16 align-items: center;
17 margin-bottom: 0.5rem;
18}
19
20.HomeShell-title {
21 font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;
22 font-size: 1.5rem;
23 font-weight: 500;
24 color: var(--text-primary);
25 margin: 0;
26 text-transform: lowercase;
27 letter-spacing: -0.02em;
28}
29
30.HomeShell-title a {
31 color: inherit;
32 text-decoration: none;
33}
34
35.HomeShell-title a:hover {
36 opacity: 0.7;
37 transition: opacity 0.2s ease;
38}
39
40.HomeShell-actions {
41 display: flex;
42 align-items: center;
43 gap: 1rem;
44 height: 2.25rem;
45}
46
47.HomeShell-subtitle {
48 font-size: 0.9375rem;
49 color: var(--text-muted);
50 margin: 0;
51 text-transform: lowercase;
52}
53
54.HomeShell-content {
55 max-width: 800px;
56 margin: 0 auto;
57}
58
59/* Container for draft pills */
60.drafts-pills {
61 display: flex;
62 flex-direction: column;
63 gap: 0.75rem;
64 padding: 0 1rem;
65 min-height: 1px;
66}