gabriel / musehub public
_spectral.scss
49 lines 1.6 KB
Raw
sha256:7d6dd8f4a89e2d1fef2d84f6e65feaff51385d382f466766b7f690a22ec18e32 fix: fall back to DB ancestry check when mpack-only fast-fo… Sonnet 4.6 patch 6 days 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:7d6dd8f4a89e2d1fef2d84f6e65feaff51385d382f466766b7f690a22ec18e32 fix: fall back to DB ancestry check when mpack-only fast-fo… Sonnet 4.6 patch 6 days ago