gabriel / musehub public
_languages.scss
169 lines 5.5 KB
Raw
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 8 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 1 commit
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 8 days ago