thejayman77/upbeatBytes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

/onthisday: cap-align "IN HISTORY" to the top of "2013" + tighten the gap

Browse Source 
margin-top 4→9px (text top now level with the numerals' cap) and gap 11→7px
(pulled a touch closer to 2013).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
jay
2026-06-26 20:24:49 -04:00
parent aa8ee674d5
commit 2e43766d71
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/onthisday/+page.svelte
+2 -2
View File
@@ -129,8 +129,8 @@
/* year lives here (off the image) — "IN HISTORY" top-aligned beside a big "2013".
Green (matching the date) so both greens on this line tie in the green Read-more button. */
.year-block { display: inline-flex; align-items: flex-start; gap: 11px; flex: none; }
.yb-label { font-family: 'Hanken Grotesk', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #3a7d5b; line-height: 1; margin-top: 4px; }
.year-block { display: inline-flex; align-items: flex-start; gap: 7px; flex: none; }
.yb-label { font-family: 'Hanken Grotesk', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #3a7d5b; line-height: 1; margin-top: 9px; }
.yb-year { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; font-size: clamp(34px, 5.5vw, 46px); line-height: 0.86; color: #2c5d44; }
.hero {