gabriel / musehub public
_breakage.scss
119 lines 4.5 KB
Raw
sha256:25d96102cb2d69a038356dff26f4633156da2f1faf98fe0d0e4438ff3f367f12 refactor: rename 0054/0055 migrations to standard convention Sonnet 4.6 minor ⚠ breaking 20 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Breakage Intel (.bk-* visual)
3 // File: src/scss/components/_breakage.scss
4 //
5 // VISUAL RULES ONLY — no layout, no dimensions here.
6 // Layout lives in pages/_breakage.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Stat chips ────────────────────────────────────────────────────────────────
10
11 .bk-stat-card {
12 background: var(--bg-surface);
13 border: 1px solid var(--border-default);
14 border-radius: 8px;
15
16 &--total { border-color: color-mix(in srgb, var(--color-accent) 30%, transparent); }
17 &--warning { border-color: color-mix(in srgb, var(--color-orange) 30%, transparent); }
18 &--error { border-color: color-mix(in srgb, var(--color-rose) 30%, transparent); }
19 &--files { border-color: color-mix(in srgb, var(--color-purple) 30%, transparent); }
20 }
21
22 .bk-stat-val {
23 font-size: 1.35rem;
24 font-weight: 700;
25 font-family: var(--font-mono);
26 background: var(--gradient-spectral);
27 -webkit-background-clip: text;
28 -webkit-text-fill-color: transparent;
29 background-clip: text;
30 }
31
32 .bk-stat-lbl {
33 font-size: 0.65rem;
34 font-weight: 600;
35 letter-spacing: 0.08em;
36 text-transform: uppercase;
37 color: var(--text-muted);
38 }
39
40 // ── List header ───────────────────────────────────────────────────────────────
41
42 .bk-hd-sev,
43 .bk-hd-file,
44 .bk-hd-desc {
45 font-size: 0.65rem;
46 font-weight: 700;
47 letter-spacing: 0.07em;
48 text-transform: uppercase;
49 color: var(--text-muted);
50 }
51
52 // ── Issue rows ────────────────────────────────────────────────────────────────
53
54 .bk-row {
55 background: var(--bg-page);
56 border-left: 1px solid var(--border-default);
57 border-right: 1px solid var(--border-default);
58 border-bottom: 1px solid var(--border-default);
59 transition: background 0.12s ease;
60
61 &:first-of-type { border-top: 1px solid var(--border-default); border-radius: 6px 6px 0 0; }
62 &:last-child { border-radius: 0 0 6px 6px; }
63 &:only-child { border-radius: 6px; border-top: 1px solid var(--border-default); }
64
65 &:hover { background: var(--bg-surface); }
66 }
67
68 // ── Severity badge ────────────────────────────────────────────────────────────
69
70 .bk-sev-badge {
71 display: inline-flex;
72 align-items: center;
73 font-size: 0.6rem;
74 font-weight: 700;
75 letter-spacing: 0.04em;
76 padding: 2px 6px;
77 border-radius: 4px;
78 text-transform: lowercase;
79 white-space: nowrap;
80
81 // Default (fallback)
82 background: color-mix(in srgb, var(--color-accent) 12%, transparent);
83 color: var(--color-accent);
84 border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
85
86 &--warning {
87 background: color-mix(in srgb, var(--color-orange) 12%, transparent);
88 color: var(--color-orange);
89 border-color: color-mix(in srgb, var(--color-orange) 30%, transparent);
90 }
91 &--error {
92 background: color-mix(in srgb, var(--color-rose) 12%, transparent);
93 color: var(--color-rose);
94 border-color: color-mix(in srgb, var(--color-rose) 30%, transparent);
95 }
96 }
97
98 // ── File path cell ────────────────────────────────────────────────────────────
99
100 .bk-file-path {
101 font-size: 0.7rem;
102 font-family: var(--font-mono);
103 color: var(--text-primary);
104 overflow: hidden;
105 text-overflow: ellipsis;
106 white-space: nowrap;
107 font-weight: 600;
108 }
109
110 // ── Description cell ──────────────────────────────────────────────────────────
111
112 .bk-description {
113 font-size: 0.68rem;
114 font-family: var(--font-mono);
115 color: var(--text-secondary);
116 overflow: hidden;
117 text-overflow: ellipsis;
118 white-space: nowrap;
119 }
File History 2 commits
sha256:25d96102cb2d69a038356dff26f4633156da2f1faf98fe0d0e4438ff3f367f12 refactor: rename 0054/0055 migrations to standard convention Sonnet 4.6 minor ⚠ 20 days ago
sha256:4aed3d8601c8dd3ed37074de35f11f4a9699a0a4b99d43727048fd3f8e6fd13d chore: doc sweep, ignore wrangler build state, misc fixes Sonnet 4.6 minor ⚠ 21 days ago