gabriel / musehub public
_legal.scss
146 lines 4.0 KB
Raw
sha256:9590cee1e0ccd6c76528f005b95d634d80f5019f0dcb7c371e149adc31d1fb65 refactor: enforce gRPC framing on all MWP wire traffic Sonnet 4.6 minor ⚠ breaking 156 days ago
1 // _legal.scss — Legal document pages (.legal-*)
2
3 .legal-page {
4 margin: 0 auto;
5 color: var(--text-secondary);
6 line-height: 1.75;
7 font-size: var(--font-size-base);
8
9 // ── Headings ──────────────────────────────────────────────────────────────
10
11 h1 {
12 font-size: var(--font-size-2xl);
13 font-weight: 700;
14 color: var(--text-primary);
15 margin: 0 0 var(--space-2);
16 padding-bottom: var(--space-4);
17 border-bottom: 1px solid var(--border-default);
18 }
19
20 h2 {
21 font-size: var(--font-size-lg);
22 font-weight: 600;
23 color: var(--text-primary);
24 margin: var(--space-10) 0 var(--space-3);
25 padding-bottom: var(--space-2);
26 border-bottom: 1px solid var(--border-subtle);
27 }
28
29 h3 {
30 font-size: var(--font-size-md);
31 font-weight: 600;
32 color: var(--text-primary);
33 margin: var(--space-6) 0 var(--space-2);
34 }
35
36 // ── Body text ─────────────────────────────────────────────────────────────
37
38 p {
39 margin: 0 0 var(--space-4);
40 }
41
42 a {
43 color: var(--color-accent-link);
44 text-decoration: none;
45
46 &:hover {
47 text-decoration: underline;
48 }
49 }
50
51 strong {
52 color: var(--text-primary);
53 font-weight: 600;
54 }
55
56 // Effective date / version line rendered right after h1
57 p:first-of-type strong:only-child,
58 p > strong:first-child + br {
59 color: var(--text-muted);
60 font-size: var(--font-size-sm);
61 font-weight: 400;
62 }
63
64 // ── Lists ─────────────────────────────────────────────────────────────────
65
66 ol, ul {
67 margin: 0 0 var(--space-4);
68 padding-left: var(--space-6);
69 }
70
71 li {
72 margin-bottom: var(--space-2);
73 }
74
75 // ── Horizontal rules (section dividers in the markdown) ───────────────────
76
77 hr {
78 border: none;
79 border-top: 1px solid var(--border-subtle);
80 margin: var(--space-8) 0;
81 }
82
83 // ── Tables ────────────────────────────────────────────────────────────────
84
85 table {
86 width: 100%;
87 border-collapse: collapse;
88 font-size: var(--font-size-sm);
89 margin: var(--space-4) 0 var(--space-6);
90 background: var(--bg-surface);
91 border: 1px solid var(--border-default);
92 border-radius: 6px;
93 overflow: hidden; // clip header border-radius
94 }
95
96 thead {
97 background: var(--bg-overlay);
98 }
99
100 th {
101 text-align: left;
102 font-weight: 600;
103 color: var(--text-primary);
104 padding: var(--space-2) var(--space-4);
105 border-bottom: 1px solid var(--border-default);
106 white-space: nowrap;
107 }
108
109 td {
110 padding: var(--space-2) var(--space-4);
111 color: var(--text-secondary);
112 border-bottom: 1px solid var(--border-subtle);
113 vertical-align: top;
114 }
115
116 tbody tr:last-child td {
117 border-bottom: none;
118 }
119
120 tbody tr:hover td {
121 background: var(--bg-hover);
122 }
123
124 // ── Inline code ───────────────────────────────────────────────────────────
125
126 code {
127 font-family: var(--font-mono);
128 font-size: var(--font-size-xs);
129 background: var(--bg-overlay);
130 border: 1px solid var(--border-subtle);
131 border-radius: 3px;
132 padding: 1px 5px;
133 color: var(--text-primary);
134 }
135
136 // ── Effective-date paragraph (bold date on its own line after h1) ─────────
137
138 p strong:only-child {
139 display: block;
140 color: var(--text-muted);
141 font-size: var(--font-size-sm);
142 font-weight: 400;
143 margin-top: calc(-1 * var(--space-2));
144 margin-bottom: var(--space-6);
145 }
146 }
File History 1 commit
sha256:9590cee1e0ccd6c76528f005b95d634d80f5019f0dcb7c371e149adc31d1fb65 refactor: enforce gRPC framing on all MWP wire traffic Sonnet 4.6 minor ⚠ 156 days ago