gabriel / musehub public
_detect_refactor.scss
157 lines 5.6 KB
Raw
sha256:5667a3e21bf16fd2e6d6bd4a769bd1c0cf7634afa12cef6450cc77573196b7f9 asyncpg caps query parameters Human patch 8 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Detect Refactor Intel (.rf-* visual)
3 // File: src/scss/components/_detect_refactor.scss
4 //
5 // VISUAL RULES ONLY — no layout, no dimensions here.
6 // Layout lives in pages/_detect_refactor.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Stat chips ────────────────────────────────────────────────────────────────
10
11 .rf-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 &--impl { border-color: color-mix(in srgb, var(--color-accent) 30%, transparent); }
18 &--sig { border-color: color-mix(in srgb, var(--color-orange) 30%, transparent); }
19 &--move { border-color: color-mix(in srgb, var(--color-purple) 30%, transparent); }
20 &--rename { border-color: color-mix(in srgb, var(--color-rose) 30%, transparent); }
21 }
22
23 .rf-stat-val {
24 font-size: 1.35rem;
25 font-weight: 700;
26 font-family: var(--font-mono);
27 background: var(--gradient-spectral);
28 -webkit-background-clip: text;
29 -webkit-text-fill-color: transparent;
30 background-clip: text;
31 }
32
33 .rf-stat-lbl {
34 font-size: 0.65rem;
35 font-weight: 600;
36 letter-spacing: 0.08em;
37 text-transform: uppercase;
38 color: var(--text-muted);
39 }
40
41 // ── List header ───────────────────────────────────────────────────────────────
42
43 .rf-hd-kind,
44 .rf-hd-address,
45 .rf-hd-detail,
46 .rf-hd-commit {
47 font-size: 0.65rem;
48 font-weight: 700;
49 letter-spacing: 0.07em;
50 text-transform: uppercase;
51 color: var(--text-muted);
52 }
53
54 // ── Event rows ────────────────────────────────────────────────────────────────
55
56 .rf-row {
57 background: var(--bg-page);
58 border-left: 1px solid var(--border-default);
59 border-right: 1px solid var(--border-default);
60 border-bottom: 1px solid var(--border-default);
61 transition: background 0.12s ease;
62
63 &:first-of-type { border-top: 1px solid var(--border-default); border-radius: 6px 6px 0 0; }
64 &:last-child { border-radius: 0 0 6px 6px; }
65 &:only-child { border-radius: 6px; border-top: 1px solid var(--border-default); }
66
67 &:hover { background: var(--bg-surface); }
68 }
69
70 // ── Kind badge ────────────────────────────────────────────────────────────────
71
72 .rf-kind-badge {
73 display: inline-flex;
74 align-items: center;
75 font-size: 0.6rem;
76 font-weight: 700;
77 letter-spacing: 0.04em;
78 padding: 2px 6px;
79 border-radius: 4px;
80 text-transform: lowercase;
81 white-space: nowrap;
82
83 // Default (fallback)
84 background: color-mix(in srgb, var(--color-accent) 12%, transparent);
85 color: var(--color-accent);
86 border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
87
88 &--implementation {
89 background: color-mix(in srgb, var(--color-accent) 12%, transparent);
90 color: var(--color-accent);
91 border-color: color-mix(in srgb, var(--color-accent) 30%, transparent);
92 }
93 &--signature {
94 background: color-mix(in srgb, var(--color-orange) 12%, transparent);
95 color: var(--color-orange);
96 border-color: color-mix(in srgb, var(--color-orange) 30%, transparent);
97 }
98 &--move {
99 background: color-mix(in srgb, var(--color-purple) 12%, transparent);
100 color: var(--color-purple);
101 border-color: color-mix(in srgb, var(--color-purple) 30%, transparent);
102 }
103 &--rename {
104 background: color-mix(in srgb, var(--color-rose) 12%, transparent);
105 color: var(--color-rose);
106 border-color: color-mix(in srgb, var(--color-rose) 30%, transparent);
107 }
108 }
109
110 // ── Address cell ──────────────────────────────────────────────────────────────
111
112 .rf-address-cell {
113 display: flex;
114 flex-direction: column;
115 gap: 0.1rem;
116 min-width: 0;
117 }
118
119 .rf-file-path {
120 font-size: 0.65rem;
121 font-family: var(--font-mono);
122 color: var(--text-muted);
123 overflow: hidden;
124 text-overflow: ellipsis;
125 white-space: nowrap;
126 }
127
128 .rf-sym-name {
129 font-size: 0.75rem;
130 font-family: var(--font-mono);
131 color: var(--text-primary);
132 overflow: hidden;
133 text-overflow: ellipsis;
134 white-space: nowrap;
135 font-weight: 600;
136 }
137
138 // ── Detail (move/rename destination) ─────────────────────────────────────────
139
140 .rf-detail {
141 font-size: 0.68rem;
142 font-family: var(--font-mono);
143 color: var(--text-secondary);
144 overflow: hidden;
145 text-overflow: ellipsis;
146 white-space: nowrap;
147 }
148
149 // ── Commit message ────────────────────────────────────────────────────────────
150
151 .rf-commit-msg {
152 font-size: 0.68rem;
153 color: var(--text-secondary);
154 overflow: hidden;
155 text-overflow: ellipsis;
156 white-space: nowrap;
157 }
File History 1 commit
sha256:5667a3e21bf16fd2e6d6bd4a769bd1c0cf7634afa12cef6450cc77573196b7f9 asyncpg caps query parameters Human patch 8 days ago