m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(story): scrolly step cards — canvas surface + teal left accent bar

Browse Source 
Card background was rgba(26,24,20,0.92) — identical to the page background
(--color-paper #1A1814), making cards invisible. Changed to --color-canvas
(#22201B) for a lifted surface. Added border-left: 3px solid --color-accent
as an editorial marker; other three sides keep the subtle --color-border.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
Mischa
2026-06-20 11:36:24 +02:00
parent cc341cc944
commit 46c8a76633
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+2 -3
View File
@@ -1372,10 +1372,9 @@ body::after {
.scrolly__steps-content { display: none; } .scrolly__steps-content { display: none; }
.scrolly-step { min-height: 60vh; display: flex; align-items: center; padding: var(--space-16) var(--space-8); } .scrolly-step { min-height: 60vh; display: flex; align-items: center; padding: var(--space-16) var(--space-8); }
.scrolly-step__inner { .scrolly-step__inner {
background: rgba(26,24,20,0.92); background: var(--color-canvas);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-left: 3px solid var(--color-accent);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
padding: var(--space-8) var(--space-8); padding: var(--space-8) var(--space-8);
opacity: 0; opacity: 0;