gabriel / musehub public
_languages.scss
169 lines 5.5 KB
Raw
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 14 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Languages Intel (.ln-* visual)
3 // File: src/scss/components/_languages.scss
4 //
5 // VISUAL RULES ONLY — no layout, no dimensions here.
6 // Layout lives in pages/_languages.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Stat chips ────────────────────────────────────────────────────────────────
10
11 .ln-stat-card {
12 background: var(--bg-surface);
13 border: 1px solid var(--border-default);
14 border-radius: 8px;
15
16 &--files { border-color: color-mix(in srgb, var(--color-teal) 30%, transparent); }
17 &--symbols { border-color: color-mix(in srgb, var(--color-accent) 30%, transparent); }
18 }
19
20 .ln-stat-val {
21 font-size: 1.35rem;
22 font-weight: 700;
23 font-family: var(--font-mono);
24 background: var(--gradient-spectral);
25 -webkit-background-clip: text;
26 -webkit-text-fill-color: transparent;
27 background-clip: text;
28 }
29
30 .ln-stat-lbl {
31 font-size: 0.65rem;
32 font-weight: 600;
33 letter-spacing: 0.08em;
34 text-transform: uppercase;
35 color: var(--text-muted);
36 }
37
38 // ── List header ───────────────────────────────────────────────────────────────
39
40 .ln-hd-lang,
41 .ln-hd-bar,
42 .ln-hd-files,
43 .ln-hd-syms {
44 font-size: 0.65rem;
45 font-weight: 700;
46 letter-spacing: 0.07em;
47 text-transform: uppercase;
48 color: var(--text-muted);
49 }
50
51 // ── Language rows ─────────────────────────────────────────────────────────────
52
53 .ln-row {
54 background: var(--bg-page);
55 border-left: 1px solid var(--border-default);
56 border-right: 1px solid var(--border-default);
57 border-bottom: 1px solid var(--border-default);
58 transition: background 0.12s ease;
59
60 &:first-of-type { border-top: 1px solid var(--border-default); border-radius: 6px 6px 0 0; }
61 &:last-child { border-radius: 0 0 6px 6px; }
62 &:only-child { border-radius: 6px; border-top: 1px solid var(--border-default); }
63
64 &:hover { background: var(--bg-surface); }
65 }
66
67 // ── Language name ─────────────────────────────────────────────────────────────
68
69 .ln-name {
70 font-size: 0.82rem;
71 font-weight: 600;
72 font-family: var(--font-mono);
73 color: var(--text-primary);
74 }
75
76 // ── Spectral bar ──────────────────────────────────────────────────────────────
77
78 .ln-bar-wrap {
79 height: 6px;
80 background: var(--border-default);
81 border-radius: 3px;
82 overflow: hidden;
83 flex: 1;
84 }
85
86 .ln-bar {
87 height: 100%;
88 background: var(--gradient-spectral);
89 border-radius: 3px;
90 min-width: 2px;
91 transition: width 0.3s ease;
92 }
93
94 .ln-pct {
95 font-size: 0.68rem;
96 font-family: var(--font-mono);
97 font-weight: 600;
98 color: var(--text-primary);
99 white-space: nowrap;
100 min-width: 3rem;
101 text-align: right;
102 }
103
104 // ── File / symbol counts ──────────────────────────────────────────────────────
105
106 .ln-files,
107 .ln-sym-count {
108 font-size: 0.72rem;
109 font-family: var(--font-mono);
110 color: var(--text-secondary);
111 white-space: nowrap;
112 }
113
114 // ── Kind chips ────────────────────────────────────────────────────────────────
115
116 .ln-kinds {
117 display: flex;
118 flex-wrap: wrap;
119 gap: 0.3rem;
120 margin-top: 0.3rem;
121 }
122
123 .ln-kind-chip {
124 display: inline-flex;
125 align-items: center;
126 gap: 0.25rem;
127 font-size: 0.6rem;
128 font-weight: 700;
129 letter-spacing: 0.04em;
130 padding: 2px 6px;
131 border-radius: 4px;
132 text-transform: lowercase;
133
134 &--function {
135 background: color-mix(in srgb, var(--color-accent) 15%, transparent);
136 color: var(--color-accent);
137 border: 1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);
138 }
139
140 &--async-function {
141 background: color-mix(in srgb, var(--color-orange) 15%, transparent);
142 color: var(--color-orange);
143 border: 1px solid color-mix(in srgb, var(--color-orange) 35%, transparent);
144 }
145
146 &--class {
147 background: color-mix(in srgb, var(--color-purple) 15%, transparent);
148 color: var(--color-purple);
149 border: 1px solid color-mix(in srgb, var(--color-purple) 35%, transparent);
150 }
151
152 &--method {
153 background: color-mix(in srgb, var(--color-teal) 15%, transparent);
154 color: var(--color-teal);
155 border: 1px solid color-mix(in srgb, var(--color-teal) 35%, transparent);
156 }
157
158 &--async-method {
159 background: color-mix(in srgb, var(--color-rose) 15%, transparent);
160 color: var(--color-rose);
161 border: 1px solid color-mix(in srgb, var(--color-rose) 35%, transparent);
162 }
163 }
164
165 .ln-kind-n {
166 color: inherit;
167 opacity: 0.75;
168 font-weight: 600;
169 }
File History 11 commits
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