From 9c00087c504b9de5c376813175be64083d205951 Mon Sep 17 00:00:00 2001 From: Jonathan Hvid Date: Tue, 12 May 2026 11:35:19 +0200 Subject: [PATCH] fix(nav): widen 'Bifrost' gradient-clip box so the italic cap renders fully MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The italic 'B' on 'Bifrost' was being clipped at the top because background-clip: text only paints inside the inline element's content box — which at the previous tight line-height didn't include the ascender flourish. Two cooperating fixes: - .wordmark-project gets line-height: 1.5 so the parent line-box has enough vertical room for the italic ascender to live in. - .wordmark-bifrost becomes display: inline-block with 4px top / 2px bottom padding. That extends the element's content box vertically so the gradient-clip mask covers the full italic glyph including the serif curl above the cap-height. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/layouts/AppLayout.astro | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/layouts/AppLayout.astro b/src/layouts/AppLayout.astro index 2053828..6fe4cab 100644 --- a/src/layouts/AppLayout.astro +++ b/src/layouts/AppLayout.astro @@ -138,15 +138,19 @@ const year = new Date().getFullYear(); font-family: var(--font-serif); font-size: 18px; font-weight: 400; - line-height: 1.3; /* leaves room for italic ascenders on 'B'/'f' */ - padding-top: 2px; /* matches the descender slack in the Fenja SVG so caps sit on the same visual cap-line */ + line-height: 1.5; /* enough room for italic 'B' ascender + the gradient's clip box */ color: var(--on-surface); letter-spacing: var(--tracking-snug); } .wordmark-bifrost { + /* display: inline-block + padding lifts the gradient-clip bounding + box above the italic 'B' ascender so the cap doesn't render cut off. */ + display: inline-block; + padding: 4px 0 2px; font-family: var(--font-serif); font-style: italic; font-weight: 400; + line-height: 1; background-image: linear-gradient( 90deg, var(--pigment-terracotta) 0%,