From ef836a659102f34fbe72ef1cc56aa6bf2e35b309 Mon Sep 17 00:00:00 2001 From: Leo McArdle Date: Fri, 30 Jan 2026 09:51:01 +0000 Subject: [PATCH] fix(layout): increase gap between sidebar and content --- components/layout/global.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/components/layout/global.css b/components/layout/global.css index 5c2db0d85..bf1fe389a 100644 --- a/components/layout/global.css +++ b/components/layout/global.css @@ -1,9 +1,9 @@ /* --layout-side-padding-min * 2 + (--layout-sidebar-min + --layout-sidebar-gap) * 2 + --layout-content-min */ -@custom-media --screen-layout-2-sidebars (width >= calc(1rem * 2 + (15rem + 1rem) * 2 + 31rem)); -@custom-media --screen-layout-1-sidebar-or-less (width < calc(1rem * 2 + (15rem + 1rem) * 2 + 31rem)); +@custom-media --screen-layout-2-sidebars (width >= calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)); +@custom-media --screen-layout-1-sidebar-or-less (width < calc(1rem * 2 + (15rem + 2rem) * 2 + 31rem)); /* --layout-side-padding-min * 2 + --layout-sidebar-min + --layout-sidebar-gap + --layout-content-min */ -@custom-media --screen-layout-no-sidebar (width < calc(1rem * 2 + 15rem + 1rem + 31rem)); +@custom-media --screen-layout-no-sidebar (width < calc(1rem * 2 + 15rem + 2rem + 31rem)); :root { --layout-side-padding-min: 1rem; @@ -14,10 +14,8 @@ --layout-full-width: calc(100vw - 2 * var(--layout-side-padding)); --layout-sidebar-min: 15rem; - --layout-sidebar-gap: 1rem; - - /* maintain existing gap, will remove/simplify soon: */ - --layout-sidebar-padding: calc(1rem + 2px); + --layout-sidebar-gap: 2rem; + --layout-sidebar-padding: 1rem; --layout-content-min: 31rem; --layout-content-max: 48rem;