gabriel / musehub public
_repo-home.scss
47 lines 1.8 KB
Raw
sha256:3ff952bf9840772755d63295c58e272a14a808035a2d93b7896ba8e0cf602171 fix(layout): two-column sticky sidebar scroll across all pa… Human minor ⚠ breaking 8 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Repository home
3 // File: src/scss/pages/_repo-home.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_repo.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .rh-layout {
10 display: grid;
11 grid-template-columns: 1fr 220px;
12 gap: 0;
13 align-items: start;
14 min-height: 0;
15 }
16
17 .rh-main { padding-right: var(--space-4); }
18
19 .rh-hero { padding: var(--space-4) 0 var(--space-3); margin-bottom: var(--space-3); }
20 .rh-branch-bar { padding: var(--space-2) 0; }
21 .rh-file-tree-card { margin-bottom: var(--space-3); }
22 .rh-pulse-card { padding: var(--space-2) 0; margin-bottom: var(--space-2); }
23 .rh-readme { margin-top: var(--space-4); padding-top: var(--space-3); }
24 .rh-readme-hd { margin-bottom: var(--space-3); }
25
26 .rh-sidebar {
27 position: sticky;
28 top: var(--sticky-offset, var(--header-height));
29 max-height: calc(100dvh - var(--sticky-offset, var(--header-height)) - var(--space-4));
30 overflow-y: auto;
31 scrollbar-width: thin;
32 scrollbar-color: var(--border-default) transparent;
33 padding-left: var(--space-4);
34 }
35
36 .rh-sidebar-section { padding: var(--space-3) 0; }
37
38 @media (max-width: 900px) {
39 .rh-layout { grid-template-columns: 1fr; }
40 .rh-sidebar {
41 position: static;
42 max-height: none;
43 overflow-y: visible;
44 padding: var(--space-3) 0 0;
45 border-top: none;
46 }
47 }
File History 1 commit
sha256:3ff952bf9840772755d63295c58e272a14a808035a2d93b7896ba8e0cf602171 fix(layout): two-column sticky sidebar scroll across all pa… Human minor ⚠ 8 days ago