gabriel / musehub public
_spectral.scss
49 lines 1.6 KB
Raw
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ breaking 1 day ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Spectral patterns
3 // File: src/scss/patterns/_spectral.scss
4 //
5 // Variants: .spectral-text .spectral-glow .spectral-shimmer
6 // Tokens: --gradient-spectral, --glow-spectral
7 // Usage: <h1 class="spectral-text">MuseHub</h1>
8 //
9 // Notes: Use .spectral-text sparingly — hero handles, featured repo names.
10 // Not every heading. Maximum impact requires restraint.
11 // ─────────────────────────────────────────────────────────────────────────────
12
13 .spectral-text {
14 background: var(--gradient-spectral);
15 -webkit-background-clip: text;
16 background-clip: text;
17 -webkit-text-fill-color: transparent;
18 }
19
20 .spectral-glow {
21 box-shadow: var(--glow-spectral);
22 }
23
24 .spectral-glow--accent {
25 box-shadow: var(--glow-accent);
26 }
27
28 .spectral-glow--agent {
29 box-shadow: var(--glow-agent);
30 }
31
32 @keyframes spectral-shimmer {
33 0% { background-position: -200% center; }
34 100% { background-position: 200% center; }
35 }
36
37 .spectral-shimmer {
38 background: linear-gradient(
39 90deg,
40 var(--text-muted) 0%,
41 var(--text-primary) 50%,
42 var(--text-muted) 100%
43 );
44 background-size: 200% auto;
45 -webkit-background-clip: text;
46 background-clip: text;
47 -webkit-text-fill-color: transparent;
48 animation: spectral-shimmer 2s linear infinite;
49 }
File History 1 commit
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ 1 day ago