gabriel / musehub public
_breakage.scss
58 lines 1.8 KB
Raw
sha256:1ccb8409daa5aabe577bd26d11b56ed12f3376d64011d0e75a247e81211a66ee docs(mwp4/phase5): tick Phase 5 checkboxes, close musehub#109 Sonnet 4.6 20 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Breakage Intel (.bk-* layout)
3 // File: src/scss/pages/_breakage.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_breakage.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Stat chips row ────────────────────────────────────────────────────────────
10
11 .bk-stats-row {
12 display: flex;
13 gap: 0.75rem;
14 flex-wrap: wrap;
15 margin: 1.5rem 0;
16 }
17
18 .bk-stat-card {
19 display: flex;
20 flex-direction: column;
21 align-items: center;
22 gap: 0.25rem;
23 padding: 0.75rem 1rem;
24 min-width: 7rem;
25 flex: 1;
26 }
27
28 // ── Issue list ────────────────────────────────────────────────────────────────
29
30 .bk-list {
31 margin-top: 0.5rem;
32 }
33
34 .bk-list-hd {
35 display: grid;
36 grid-template-columns: 6rem 2fr 3fr;
37 gap: 0 0.75rem;
38 padding: 0.35rem 0.75rem;
39 align-items: center;
40
41 @media (max-width: 900px) {
42 grid-template-columns: 6rem 1fr;
43 .bk-hd-desc { display: none; }
44 }
45 }
46
47 .bk-row {
48 display: grid;
49 grid-template-columns: 6rem 2fr 3fr;
50 gap: 0 0.75rem;
51 padding: 0.6rem 0.75rem;
52 align-items: center;
53
54 @media (max-width: 900px) {
55 grid-template-columns: 6rem 1fr;
56 .bk-description { display: none; }
57 }
58 }
File History 2 commits
sha256:1ccb8409daa5aabe577bd26d11b56ed12f3376d64011d0e75a247e81211a66ee docs(mwp4/phase5): tick Phase 5 checkboxes, close musehub#109 Sonnet 4.6 20 days ago
sha256:2c523da45351334b5c4dbefed4dc3dd553b3faa8737a4e6caf301e5dc82141be test(mwp4): Phase 0 RED reproduction tests for RC-4 ordering race Sonnet 4.6 20 days ago