gabriel / musehub public
_spectral.scss
49 lines 1.6 KB
Raw
sha256:5601f81903b6c70ddd11bd88a5a257ee6dfd38aa3b85b19746c100c030657f1e chore: update smoke_muse.sh comment to reference rc9 Sonnet 4.6 minor ⚠ breaking 22 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:5601f81903b6c70ddd11bd88a5a257ee6dfd38aa3b85b19746c100c030657f1e chore: update smoke_muse.sh comment to reference rc9 Sonnet 4.6 minor 22 days ago
sha256:39e9c4e6f2134da0732e6983268a218178973936f8d7ca03c91f2b5ad42133c8 fix: use read_object_bytes in blob viewer; add zstd magic d… Sonnet 4.6 patch 22 days ago