gabriel / musehub public
_muse-docs.scss
142 lines 4.7 KB
Raw
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226 Merge branch 'fix/two-column-scroll-layout' into dev Human 9 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Muse developer docs (/muse and /muse/*)
3 // File: src/scss/pages/_muse-docs.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_devdocs.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .devdocs {
10 display: flex;
11 flex-direction: column;
12 padding: 0;
13 }
14
15 // ── Landing index ─────────────────────────────────────────────────────────────
16
17 .devdocs-index {
18 max-width: 900px;
19 margin: 0 auto;
20 padding: var(--space-8) var(--space-6) var(--space-12);
21 }
22
23 .devdocs-index-intro {
24 display: grid;
25 grid-template-columns: 1fr auto;
26 gap: var(--space-8);
27 align-items: start;
28 margin-bottom: var(--space-10);
29 padding-bottom: var(--space-8);
30 }
31
32 .devdocs-stat-cluster {
33 display: flex;
34 flex-direction: column;
35 gap: var(--space-3);
36 flex-shrink: 0;
37 }
38
39 .devdocs-phase-grid {
40 display: grid;
41 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
42 gap: var(--space-4);
43 padding: var(--space-8) 0;
44 }
45
46 .devdocs-phase-card__tags {
47 display: flex;
48 flex-wrap: wrap;
49 gap: 4px;
50 margin-top: auto;
51 padding-top: var(--space-2);
52 }
53
54 // ── Hero section (hero variant used on some sub-pages) ─────────────────────────
55
56 .devdocs-hero {
57 padding: var(--space-10) 0 var(--space-8);
58 }
59
60 .devdocs-hero-inner {
61 max-width: 900px;
62 margin: 0 auto;
63 padding: 0 var(--space-6);
64 }
65
66 // ── Two-column docs layout (phase pages) ──────────────────────────────────────
67
68 // Bounded-height, independently-scrolling columns — not position: sticky.
69 // See _layout.scss's .layout-two-col/.layout-sidebar comment for why.
70 .devdocs-layout {
71 display: grid;
72 grid-template-columns: 220px 1fr;
73 gap: 0;
74 align-items: start;
75 min-height: 0;
76 height: calc(100dvh - var(--sticky-offset, var(--header-height)) - var(--space-4));
77 max-width: 1100px;
78 margin: 0 auto;
79 width: 100%;
80 padding: 0 var(--space-6);
81
82 @media (max-width: 900px) {
83 grid-template-columns: 1fr;
84 height: auto;
85 }
86 }
87
88 // ── Sidebar ────────────────────────────────────────────────────────────────────
89
90 .devdocs-sidebar {
91 min-height: 0;
92 overflow-y: auto;
93 scrollbar-width: thin;
94 scrollbar-color: var(--border-default) transparent;
95 padding: var(--space-8) var(--space-5) var(--space-8) 0;
96
97 @media (max-width: 900px) {
98 overflow-y: visible;
99 display: none;
100 }
101 }
102
103 .devdocs-nav-group { margin-bottom: var(--space-5); }
104
105 // ── Content area ──────────────────────────────────────────────────────────────
106
107 .devdocs-content {
108 min-width: 0;
109 min-height: 0;
110 padding: var(--space-8) 0 var(--space-12) var(--space-8);
111 overflow-y: auto;
112 scrollbar-width: thin;
113 scrollbar-color: var(--border-default) transparent;
114
115 @media (max-width: 900px) { overflow-y: visible; }
116 @media (max-width: 768px) { padding-left: 0; }
117 }
118
119 // ── Phase header ──────────────────────────────────────────────────────────────
120
121 .devdocs-phase-header {
122 margin-bottom: var(--space-8);
123 padding-bottom: var(--space-6);
124 }
125
126 // ── Section ───────────────────────────────────────────────────────────────────
127
128 .devdocs-section { margin-bottom: var(--space-12); scroll-margin-top: var(--space-8); }
129
130 .devdocs-code-block { margin: var(--space-4) 0; }
131
132 // ── Phase prev/next nav ───────────────────────────────────────────────────────
133
134 .devdocs-phase-nav {
135 display: flex;
136 justify-content: space-between;
137 align-items: center;
138 margin-top: var(--space-10);
139 padding-top: var(--space-6);
140 }
141
142 .devdocs-phase-nav-btn--next { flex-direction: row-reverse; }
File History 13 commits
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226 Merge branch 'fix/two-column-scroll-layout' into dev Human 9 days ago
sha256:408916fc5973ba59c6e4eebaa80ebdcc801c0a63205651e25009d11548f79454 chore: bump version to 0.2.0.dev2 — nightly.2, matching muse Sonnet 4.6 patch 12 days ago
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 15 days ago
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 30 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 34 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 35 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 36 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 36 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 36 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 36 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 48 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 50 days ago