_pills.scss
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b
Merge branch 'fix/wire-push-external-parent-manifest' into dev
Human
8 days ago
| 1 | // ───────────────────────────────────────────────────────────────────────────── |
| 2 | // Component: Pills |
| 3 | // File: src/scss/components/_pills.scss |
| 4 | // |
| 5 | // Variants: .pill[data-domain], .pill--status[data-status] |
| 6 | // .pill--open .pill--merged .pill--closed |
| 7 | // Tokens: --domain-*, --color-success, --color-purple, --color-neutral |
| 8 | // Usage: <span class="pill" data-domain="code">code</span> |
| 9 | // <span class="pill pill--status" data-status="open">open</span> |
| 10 | // |
| 11 | // Notes: Domain pills use the full domain token set (primary/bg/border). |
| 12 | // Status: open=green, merged=violet, closed=slate. |
| 13 | // ───────────────────────────────────────────────────────────────────────────── |
| 14 | |
| 15 | .pill { |
| 16 | display: inline-flex; |
| 17 | align-items: center; |
| 18 | gap: 4px; |
| 19 | padding: 2px var(--space-2); |
| 20 | border-radius: var(--radius-full); |
| 21 | font-family: var(--font-mono); |
| 22 | font-size: var(--text-xs); |
| 23 | font-weight: var(--weight-medium); |
| 24 | white-space: nowrap; |
| 25 | border: 1px solid var(--border-subtle); |
| 26 | background: var(--bg-overlay); |
| 27 | color: var(--text-secondary); |
| 28 | } |
| 29 | |
| 30 | // Domain pills |
| 31 | .pill[data-domain="code"] { |
| 32 | background: var(--domain-code-bg); |
| 33 | color: var(--domain-code); |
| 34 | border-color: var(--domain-code-border); |
| 35 | } |
| 36 | |
| 37 | .pill[data-domain="midi"] { |
| 38 | background: var(--domain-midi-bg); |
| 39 | color: var(--domain-midi); |
| 40 | border-color: var(--domain-midi-border); |
| 41 | } |
| 42 | |
| 43 | .pill[data-domain="mist"] { |
| 44 | background: var(--domain-mist-bg); |
| 45 | color: var(--domain-mist); |
| 46 | border-color: var(--domain-mist-border); |
| 47 | } |
| 48 | |
| 49 | .pill[data-domain="agent"] { |
| 50 | background: var(--domain-agent-bg); |
| 51 | color: var(--domain-agent); |
| 52 | border-color: var(--domain-agent-border); |
| 53 | } |
| 54 | |
| 55 | .pill[data-domain="generic"], |
| 56 | .pill[data-domain=""] { |
| 57 | background: var(--domain-generic-bg); |
| 58 | color: var(--domain-generic); |
| 59 | border-color: var(--domain-generic-border); |
| 60 | } |
| 61 | |
| 62 | // Status pills |
| 63 | .pill--status[data-status="open"] { |
| 64 | background: color-mix(in srgb, var(--color-success) 12%, transparent); |
| 65 | color: var(--color-success); |
| 66 | border-color: color-mix(in srgb, var(--color-success) 30%, transparent); |
| 67 | } |
| 68 | |
| 69 | .pill--status[data-status="merged"] { |
| 70 | background: color-mix(in srgb, var(--color-purple) 12%, transparent); |
| 71 | color: var(--color-purple); |
| 72 | border-color: color-mix(in srgb, var(--color-purple) 30%, transparent); |
| 73 | } |
| 74 | |
| 75 | .pill--status[data-status="closed"] { |
| 76 | background: color-mix(in srgb, var(--color-neutral) 12%, transparent); |
| 77 | color: var(--color-neutral); |
| 78 | border-color: color-mix(in srgb, var(--color-neutral) 30%, transparent); |
| 79 | } |
File History
14 commits
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b
Merge branch 'fix/wire-push-external-parent-manifest' into dev
Human
8 days ago
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226
Merge branch 'fix/two-column-scroll-layout' into dev
Human
8 days ago
sha256:408916fc5973ba59c6e4eebaa80ebdcc801c0a63205651e25009d11548f79454
chore: bump version to 0.2.0.dev2 — nightly.2, matching muse
Sonnet 4.6
patch
11 days ago
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