UI Framework - Rounded

Rounded Reference ↓

Border-radius scale

@xs

2px

@s

4px

@m

6px

@l

8px

@xl

12px

@2xl

16px

@3xl

24px

.ui-pill

9999px

Applied to cards

xs

m

xl

pill

Applied to buttons

Reference

Base

Class	Token value (default theme)
`.ui-pill`	border-radius: 9999px

Modifiers

Class	Token value (default theme)
`.ui-rounded@xs`	--ui-border-radius-xs
`.ui-rounded@s`	--ui-border-radius-s
`.ui-rounded@m`	--ui-border-radius-m
`.ui-rounded@l`	--ui-border-radius-l
`.ui-rounded@xl`	--ui-border-radius-xl
`.ui-rounded@2xl`	--ui-border-radius-2xl
`.ui-rounded@3xl`	--ui-border-radius-3xl

Options

Class	Token value (default theme)