From 8b603958616c00b0ad4d321d526e1f93fd229235 Mon Sep 17 00:00:00 2001 From: scotttong Date: Mon, 6 Jul 2026 17:21:16 -0700 Subject: [PATCH] feat(ui): derive full radius ladder from the --radius knob (B4) sm/md/lg/xl now calc()-derived (monotonic 3.2/5.2/7.2/11.2px at the preset's 0.45rem), replacing the legacy square-brand lg/xl = 0px. One token edit retunes every corner in the app. Co-Authored-By: Claude Fable 5 --- ui/src/index.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index de7f5aec71..3b87097ecb 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -54,10 +54,13 @@ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); - --radius-sm: 0.375rem; - --radius-md: 0.5rem; - --radius-lg: 0px; - --radius-xl: 0px; + /* Monotonic radius ladder, all derived from the single --radius knob + (DECISION-SHEET B4): retune the whole app's corner language by editing + --radius alone. Replaces the legacy square-brand lg/xl = 0px. */ + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); --font-heading: var(--font-sans); --radius-2xl: calc(var(--radius) * 1.8); --radius-3xl: calc(var(--radius) * 2.2);