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 <noreply@anthropic.com>
This commit is contained in:
parent
a25dfa64a2
commit
8b60395861
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue