gabriel / musehub public
_spectral.scss
49 lines 1.6 KB
Raw
sha256:bba4b69de173366aeb7d490d687ccffb6db9726374033addece89cf2b87642d8 docs: add production launch discovery report and infra laun… Sonnet 5 8 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 2 commits
sha256:bba4b69de173366aeb7d490d687ccffb6db9726374033addece89cf2b87642d8 docs: add production launch discovery report and infra laun… Sonnet 5 8 days ago
sha256:eb0928124669c933c0ef852bea1ad0c56649cf21bd7e9663c3b51004771b0591 docs: add MuseHub cloud identity/AWS operating model and Go… Sonnet 5 patch 8 days ago