From 6bf2160ab23672d1a9b33e123477ea3744c5d28a Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 1 Nov 2026 09:58:07 +0000 Subject: [PATCH] No rule under the top bar The bar keeps the height and the width of the Insights site, without the line under it. The space above the greeting is back at 28px, so the home page and its two sister sites, which take the same bar, stay identical. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_014YZFmFZwmxFekaMfr3Ka5m --- src/styles/global.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/styles/global.css b/src/styles/global.css index 610d0a8..2ec1a2e 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -58,9 +58,9 @@ img { max-width: 100%; height: auto; } @media (max-width: 620px) { .wrap { padding: 0 16px; } } /* ---- the top line: the wordmark and the breadcrumb, in a bar ----------- */ -/* the bar of the Insights site: 56px high, a rule under it, the page width. +/* the bar of the Insights site: 56px high, the page width, no rule under it. * The type stays a step smaller than there - 14px, not 15px */ -.topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 56px; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid var(--line); font-size: 14px; } +.topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 56px; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; font-size: 14px; } .topline a { color: var(--muted); text-decoration: none; font-weight: 500; } .topline a:hover { color: var(--brand); } .sites { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; } @@ -73,7 +73,7 @@ img { max-width: 100%; height: auto; } /* ---- the greeting -------------------------------------------------------- */ .welcome { display: flex; align-items: center; gap: 14px; - margin: 36px 0 40px; color: var(--ink); + margin: 28px 0 40px; color: var(--ink); font-size: clamp(28px, 4vw, 40px); font-weight: 700; letter-spacing: -.025em; line-height: 1.15; } .welcome img { width: 104px; height: 104px; flex: none; margin-left: auto; }