gabriel / musehub public
_legal.scss
134 lines 4.7 KB
Raw
sha256:0557470fbe1a91614f0dcd761387323ba93f0e8afe48856cda1609075ab064c7 fix: fall back to any indexed mpack in read_object_bytes wh… Sonnet 4.6 patch 3 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Legal document prose
3 // File: src/scss/components/_legal.scss
4 //
5 // Scopes typography and visual treatment for markdown-rendered legal pages
6 // (privacy policy, terms of service, DMCA) under the .legal-page wrapper.
7 //
8 // Tokens: --text-primary, --text-secondary, --text-muted, --color-accent-link
9 // --font-size-*, --font-mono, --bg-surface, --bg-overlay, --bg-hover
10 // --border-default, --border-subtle
11 // Usage: <div class="legal-page">{{ doc.body | markdown | safe }}</div>
12 // ─────────────────────────────────────────────────────────────────────────────
13
14 .legal-page {
15 color: var(--text-secondary);
16 line-height: 1.75;
17 font-size: var(--text-base);
18
19 // ── Headings ───────────────────────────────────────────────────────────────
20
21 h1 {
22 font-size: var(--text-2xl);
23 font-weight: 700;
24 color: var(--text-primary);
25 margin: 0 0 var(--space-2);
26 padding-bottom: var(--space-4);
27 border-bottom: 1px solid var(--border-default);
28 }
29
30 h2 {
31 font-size: var(--text-lg);
32 font-weight: 600;
33 color: var(--text-primary);
34 margin: var(--space-10) 0 var(--space-3);
35 padding-bottom: var(--space-2);
36 border-bottom: 1px solid var(--border-subtle);
37 }
38
39 h3 {
40 font-size: var(--text-md);
41 font-weight: 600;
42 color: var(--text-primary);
43 margin: var(--space-6) 0 var(--space-2);
44 }
45
46 // ── Body text ──────────────────────────────────────────────────────────────
47
48 p { margin: 0 0 var(--space-4); }
49
50 a {
51 color: var(--color-accent-link);
52 text-decoration: none;
53 &:hover { text-decoration: underline; }
54 }
55
56 strong {
57 color: var(--text-primary);
58 font-weight: 600;
59 }
60
61 // ── Lists ──────────────────────────────────────────────────────────────────
62
63 ol, ul {
64 margin: 0 0 var(--space-4);
65 padding-left: var(--space-6);
66 }
67
68 li { margin-bottom: var(--space-2); }
69
70 // ── Horizontal rules ───────────────────────────────────────────────────────
71
72 hr {
73 border: none;
74 border-top: 1px solid var(--border-subtle);
75 margin: var(--space-8) 0;
76 }
77
78 // ── Tables ─────────────────────────────────────────────────────────────────
79
80 table {
81 width: 100%;
82 border-collapse: collapse;
83 font-size: var(--text-sm);
84 margin: var(--space-4) 0 var(--space-6);
85 background: var(--bg-surface);
86 border: 1px solid var(--border-default);
87 border-radius: 6px;
88 overflow: hidden;
89 }
90
91 thead { background: var(--bg-overlay); }
92
93 th {
94 text-align: left;
95 font-weight: 600;
96 color: var(--text-primary);
97 padding: var(--space-2) var(--space-4);
98 border-bottom: 1px solid var(--border-default);
99 white-space: nowrap;
100 }
101
102 td {
103 padding: var(--space-2) var(--space-4);
104 color: var(--text-secondary);
105 border-bottom: 1px solid var(--border-subtle);
106 vertical-align: top;
107 }
108
109 tbody tr:last-child td { border-bottom: none; }
110 tbody tr:hover td { background: var(--bg-hover); }
111
112 // ── Inline code ────────────────────────────────────────────────────────────
113
114 code {
115 font-family: var(--font-mono);
116 font-size: var(--text-xs);
117 background: var(--bg-overlay);
118 border: 1px solid var(--border-subtle);
119 border-radius: 3px;
120 padding: 1px 5px;
121 color: var(--text-primary);
122 }
123
124 // ── Effective-date line (bold text on its own after h1) ────────────────────
125
126 p strong:only-child {
127 display: block;
128 color: var(--text-muted);
129 font-size: var(--text-sm);
130 font-weight: 400;
131 margin-top: calc(-1 * var(--space-2));
132 margin-bottom: var(--space-6);
133 }
134 }
File History 1 commit
sha256:0557470fbe1a91614f0dcd761387323ba93f0e8afe48856cda1609075ab064c7 fix: fall back to any indexed mpack in read_object_bytes wh… Sonnet 4.6 patch 3 days ago