gabriel / musehub public
_docs.scss
126 lines 3.9 KB
Raw
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b Merge branch 'fix/wire-push-external-parent-manifest' into dev Human 8 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Docs layout
3 // File: src/scss/pages/_docs.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_mcp-docs.scss.
7 //
8 // Variants: .docs-layout .docs-layout__sidebar .docs-layout__content
9 // .docs-section .docs-section__header .docs-section__title
10 // .docs-section__desc .docs-sidebar-link .resource-grid .prompt-grid
11 // ─────────────────────────────────────────────────────────────────────────────
12
13 // Bounded-height, independently-scrolling columns — not position: sticky.
14 // See _layout.scss's .layout-two-col/.layout-sidebar comment for why.
15 .docs-layout {
16 display: grid;
17 grid-template-columns: 200px 1fr;
18 align-items: start;
19 min-height: 0;
20 height: calc(100dvh - var(--sticky-offset, var(--header-height)) - var(--space-4));
21
22 @media (max-width: 900px) {
23 grid-template-columns: 1fr;
24 height: auto;
25 }
26 }
27
28 .docs-layout__sidebar {
29 min-height: 0;
30 overflow-y: auto;
31 scrollbar-width: none;
32 padding: var(--space-4) var(--space-3);
33 border-right: 1px solid var(--border-subtle);
34 background: var(--bg-canvas);
35
36 &::-webkit-scrollbar { display: none; }
37
38 @media (max-width: 900px) {
39 overflow-y: visible;
40 display: none;
41 }
42 }
43
44 .docs-layout__content {
45 padding: var(--space-4) var(--space-4) var(--space-8);
46 min-width: 0;
47 min-height: 0;
48 overflow-y: auto;
49 scrollbar-width: thin;
50 scrollbar-color: var(--border-default) transparent;
51
52 @media (max-width: 900px) { overflow-y: visible; }
53 }
54
55 // ── Sidebar nav ───────────────────────────────────────────────────────────────
56
57 .docs-sidebar-link {
58 display: flex;
59 align-items: center;
60 gap: 6px;
61 padding: 4px var(--space-2);
62 border-radius: 4px;
63 font-size: 12px;
64 color: var(--text-secondary);
65 text-decoration: none;
66 transition: color var(--transition-fast), background var(--transition-fast);
67
68 &:hover { color: var(--text-primary); background: var(--bg-hover); }
69
70 &::before {
71 content: '';
72 width: 6px;
73 height: 6px;
74 border-radius: 50%;
75 flex-shrink: 0;
76 }
77
78 &--read::before { background: var(--color-success); }
79 &--write::before { background: var(--color-accent); }
80 &--cli::before { background: var(--color-warning); }
81 &--elicit::before { background: var(--color-purple); }
82 &--mist::before { background: var(--domain-mist); }
83
84 &--meta {
85 font-size: 11px;
86 color: var(--text-muted);
87
88 &::before { display: none; }
89 }
90 }
91
92 // ── Sections ──────────────────────────────────────────────────────────────────
93
94 .docs-section {
95 margin-bottom: var(--space-8);
96 scroll-margin-top: calc(var(--header-height) + 48px);
97 }
98
99 .docs-section__header {
100 display: flex;
101 align-items: center;
102 gap: var(--space-2);
103 margin-bottom: var(--space-2);
104 }
105
106 .docs-section__title {
107 font-size: 18px;
108 font-weight: var(--weight-semibold);
109 margin: 0;
110 }
111
112 .docs-section__desc {
113 font-size: 13px;
114 color: var(--text-muted);
115 margin: 0 0 var(--space-3);
116 line-height: 1.6;
117 }
118
119 // ── Grids ─────────────────────────────────────────────────────────────────────
120
121 .resource-grid,
122 .prompt-grid {
123 display: grid;
124 grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
125 gap: var(--space-3);
126 }
File History 14 commits
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b Merge branch 'fix/wire-push-external-parent-manifest' into dev Human 8 days ago
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226 Merge branch 'fix/two-column-scroll-layout' into dev Human 8 days ago
sha256:408916fc5973ba59c6e4eebaa80ebdcc801c0a63205651e25009d11548f79454 chore: bump version to 0.2.0.dev2 — nightly.2, matching muse Sonnet 4.6 patch 11 days ago
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 14 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 ⚠ 29 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 33 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 34 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 35 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 35 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