Skip to content

Border-radius calculation inconsistency with official shadcn/ui docs (Tailwind v4) #275

@jrq2

Description

@jrq2

--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);

Metadata

Metadata

Assignees

Labels

working on itActively working on the issue

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions