|
--radius-md: calc(var(--radius) - 2px); |
There is a mathematical inconsistency between the local @theme configuration and the official shadcn/ui documentation for Tailwind CSS v4.
Current Implementation (in this library):
The library uses a subtraction-based approach for nested radii:
css
--radius-md: calc(var(--radius) - 2px);
--radius-sm: calc(var(--radius) - 4px);
Official shadcn/ui Documentation (Manual Installation):
The official docs prescribe a factor-based (scaling) approach for Tailwind v4:
css
--radius-md: calc(var(--radius) * 0.8);
--radius-sm: calc(var(--radius) * 0.6);
ui/src/BlazorBlueprint.Components/wwwroot/css/blazorblueprint-input.css
Line 187 in 711a60f
There is a mathematical inconsistency between the local @theme configuration and the official shadcn/ui documentation for Tailwind CSS v4.
Current Implementation (in this library):
The library uses a subtraction-based approach for nested radii:
css
--radius-md: calc(var(--radius) - 2px);
--radius-sm: calc(var(--radius) - 4px);
Official shadcn/ui Documentation (Manual Installation):
The official docs prescribe a factor-based (scaling) approach for Tailwind v4:
css
--radius-md: calc(var(--radius) * 0.8);
--radius-sm: calc(var(--radius) * 0.6);