gabriel / musehub public
_muse-docs.scss
128 lines 4.2 KB
Raw
sha256:a34090cc4a394a78bd72cbbe34b08cc59525141e19135b6c0ab154f10611b9ef debug(push/stream): instrument O-frame decode path with INF… Sonnet 4.6 patch 121 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 min-height: 100vh;
13 padding: 0;
14 }
15
16 // ── Landing index ─────────────────────────────────────────────────────────────
17
18 .devdocs-index {
19 max-width: 900px;
20 margin: 0 auto;
21 padding: var(--space-8) var(--space-6) var(--space-12);
22 }
23
24 .devdocs-index-intro {
25 display: grid;
26 grid-template-columns: 1fr auto;
27 gap: var(--space-8);
28 align-items: start;
29 margin-bottom: var(--space-10);
30 padding-bottom: var(--space-8);
31 }
32
33 .devdocs-stat-cluster {
34 display: flex;
35 flex-direction: column;
36 gap: var(--space-3);
37 flex-shrink: 0;
38 }
39
40 .devdocs-phase-grid {
41 display: grid;
42 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
43 gap: var(--space-4);
44 padding: var(--space-8) 0;
45 }
46
47 .devdocs-phase-card__tags {
48 display: flex;
49 flex-wrap: wrap;
50 gap: 4px;
51 margin-top: auto;
52 padding-top: var(--space-2);
53 }
54
55 // ── Hero section (hero variant used on some sub-pages) ─────────────────────────
56
57 .devdocs-hero {
58 padding: var(--space-10) 0 var(--space-8);
59 }
60
61 .devdocs-hero-inner {
62 max-width: 900px;
63 margin: 0 auto;
64 padding: 0 var(--space-6);
65 }
66
67 // ── Two-column docs layout (phase pages) ──────────────────────────────────────
68
69 .devdocs-layout {
70 display: grid;
71 grid-template-columns: 220px 1fr;
72 gap: 0;
73 max-width: 1100px;
74 margin: 0 auto;
75 width: 100%;
76 padding: 0 var(--space-6);
77 align-items: start;
78
79 @media (max-width: 768px) { grid-template-columns: 1fr; }
80 }
81
82 // ── Sidebar ────────────────────────────────────────────────────────────────────
83
84 .devdocs-sidebar {
85 position: sticky;
86 top: 56px;
87 max-height: calc(100vh - 72px);
88 overflow-y: auto;
89 padding: var(--space-8) var(--space-5) var(--space-8) 0;
90
91 @media (max-width: 768px) { display: none; }
92 }
93
94 .devdocs-nav-group { margin-bottom: var(--space-5); }
95
96 // ── Content area ──────────────────────────────────────────────────────────────
97
98 .devdocs-content {
99 min-width: 0;
100 padding: var(--space-8) 0 var(--space-12) var(--space-8);
101
102 @media (max-width: 768px) { padding-left: 0; }
103 }
104
105 // ── Phase header ──────────────────────────────────────────────────────────────
106
107 .devdocs-phase-header {
108 margin-bottom: var(--space-8);
109 padding-bottom: var(--space-6);
110 }
111
112 // ── Section ───────────────────────────────────────────────────────────────────
113
114 .devdocs-section { margin-bottom: var(--space-12); scroll-margin-top: 72px; }
115
116 .devdocs-code-block { margin: var(--space-4) 0; }
117
118 // ── Phase prev/next nav ───────────────────────────────────────────────────────
119
120 .devdocs-phase-nav {
121 display: flex;
122 justify-content: space-between;
123 align-items: center;
124 margin-top: var(--space-10);
125 padding-top: var(--space-6);
126 }
127
128 .devdocs-phase-nav-btn--next { flex-direction: row-reverse; }
File History 1 commit
sha256:a34090cc4a394a78bd72cbbe34b08cc59525141e19135b6c0ab154f10611b9ef debug(push/stream): instrument O-frame decode path with INF… Sonnet 4.6 patch 121 days ago