gabriel / musehub public
_muse-docs.scss
129 lines 4.3 KB
Raw
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ breaking 1 day 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 .devdocs-layout {
69 display: grid;
70 grid-template-columns: 220px 1fr;
71 gap: 0;
72 align-items: start;
73 max-width: 1100px;
74 margin: 0 auto;
75 width: 100%;
76 padding: 0 var(--space-6);
77
78 @media (max-width: 768px) { grid-template-columns: 1fr; }
79 }
80
81 // ── Sidebar ────────────────────────────────────────────────────────────────────
82
83 .devdocs-sidebar {
84 position: sticky;
85 top: var(--sticky-offset, 80px);
86 max-height: calc(100vh - var(--sticky-offset, 80px));
87 overflow-y: auto;
88 scrollbar-width: thin;
89 scrollbar-color: var(--border-default) transparent;
90 padding: var(--space-8) var(--space-5) var(--space-8) 0;
91
92 @media (max-width: 768px) { display: none; }
93 }
94
95 .devdocs-nav-group { margin-bottom: var(--space-5); }
96
97 // ── Content area ──────────────────────────────────────────────────────────────
98
99 .devdocs-content {
100 min-width: 0;
101 padding: var(--space-8) 0 var(--space-12) var(--space-8);
102
103 @media (max-width: 768px) { padding-left: 0; }
104 }
105
106 // ── Phase header ──────────────────────────────────────────────────────────────
107
108 .devdocs-phase-header {
109 margin-bottom: var(--space-8);
110 padding-bottom: var(--space-6);
111 }
112
113 // ── Section ───────────────────────────────────────────────────────────────────
114
115 .devdocs-section { margin-bottom: var(--space-12); scroll-margin-top: var(--space-8); }
116
117 .devdocs-code-block { margin: var(--space-4) 0; }
118
119 // ── Phase prev/next nav ───────────────────────────────────────────────────────
120
121 .devdocs-phase-nav {
122 display: flex;
123 justify-content: space-between;
124 align-items: center;
125 margin-top: var(--space-10);
126 padding-top: var(--space-6);
127 }
128
129 .devdocs-phase-nav-btn--next { flex-direction: row-reverse; }
File History 1 commit
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ 1 day ago