From 85afec64ac5fcd4ccd31a93d0257ff47c23c6107 Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Sat, 4 Apr 2026 11:13:16 -0400 Subject: [PATCH] Add responsive .lt-main.lt-container overrides to match production base.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Production base.css has per-breakpoint .lt-main.lt-container rules that explicitly set padding-top with tighter spacing at SM/XS viewports. Adding these to beta to match — ensures header clearance is bulletproof at all sizes. Co-Authored-By: Claude Sonnet 4.6 --- assets/css/base.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/assets/css/base.css b/assets/css/base.css index f9a6361..bcb4168 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -2053,6 +2053,7 @@ select option:checked { @media (max-width: 767px) { :root { --header-height: 50px; } .lt-container { padding: var(--space-md); } + .lt-main.lt-container { padding-top: calc(var(--header-height) + var(--space-md)); } .lt-header { padding: 0 var(--space-md); } .lt-brand-subtitle { display: none; } @@ -2151,6 +2152,7 @@ select option:checked { @media (max-width: 479px) { :root { --header-height: 46px; } .lt-container { padding: var(--space-sm); } + .lt-main.lt-container { padding-top: calc(var(--header-height) + var(--space-sm)); } .lt-stats-grid { grid-template-columns: 1fr 1fr; gap: var(--space-xs); } .lt-stat-card { padding: var(--space-xs) var(--space-sm); } .lt-stat-value { font-size: 1.4rem; }