diff options
| author | Adam Soltys <[email protected]> | 2026-08-03 07:57:05 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-03 07:57:05 -0700 |
| commit | a5525c3291b325e17012bc62feb503bbdd519469 (patch) | |
| tree | 2bb5d595ded6214c9155ccad04e308e8a710dae5 /src/style.css | |
| parent | 4dd17bed39be69de622677b36e784a5276ce6ff4 (diff) | |
| download | coinosv3-a5525c3291b325e17012bc62feb503bbdd519469.tar.gz coinosv3-a5525c3291b325e17012bc62feb503bbdd519469.zip | |
Onboarding: the nostr mark heads the nostr steps
72px, centered above the question (and the sign-in step), with a purple
glow and a slow float — the one place in the flow that isn't the coinos
brand, so it should look like nostr.
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 562db92..78192a3 100644 --- a/src/style.css +++ b/src/style.css @@ -507,3 +507,8 @@ body::after { .tour-card { position: fixed; left: 50%; transform: translateX(-50%); width: min(90vw, 360px); background: var(--paper); color: var(--ink); border: 1px solid var(--line-strong); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); z-index: 81; } @media (prefers-reduced-motion: reduce) { .onb-confetti i { animation: none; display: none; } } .onb-check { width: 96px; height: 96px; font-size: 52px; align-self: center; margin: 6px 0; } +/* the nostr mark heading the sign-in steps: big, centered, gently afloat */ +.onb-mark { align-self: center; margin-bottom: -4px; animation: mark-float 4.5s ease-in-out infinite; } +.onb-mark svg { width: 72px; height: 72px; filter: drop-shadow(0 8px 22px rgba(184, 79, 232, .35)); } +@keyframes mark-float { 50% { transform: translateY(-6px); } } +@media (prefers-reduced-motion: reduce) { .onb-mark { animation: none; } } |