mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-22 07:50:36 +01:00
feat(module): dynamic rounded-* utilities (#3906)
This commit is contained in:
@@ -24,31 +24,31 @@ export default (options: Required<ModuleOptions>) => ({
|
||||
},
|
||||
size: {
|
||||
xs: {
|
||||
base: 'text-[8px]/3 px-1 py-0.5 gap-1 rounded-[calc(var(--ui-radius))]',
|
||||
base: 'text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm',
|
||||
leadingIcon: 'size-3',
|
||||
leadingAvatarSize: '3xs',
|
||||
trailingIcon: 'size-3'
|
||||
},
|
||||
sm: {
|
||||
base: 'text-[10px]/3 px-1.5 py-1 gap-1 rounded-[calc(var(--ui-radius))]',
|
||||
base: 'text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm',
|
||||
leadingIcon: 'size-3',
|
||||
leadingAvatarSize: '3xs',
|
||||
trailingIcon: 'size-3'
|
||||
},
|
||||
md: {
|
||||
base: 'text-xs px-2 py-1 gap-1 rounded-[calc(var(--ui-radius)*1.5)]',
|
||||
base: 'text-xs px-2 py-1 gap-1 rounded-md',
|
||||
leadingIcon: 'size-4',
|
||||
leadingAvatarSize: '3xs',
|
||||
trailingIcon: 'size-4'
|
||||
},
|
||||
lg: {
|
||||
base: 'text-sm px-2 py-1 gap-1.5 rounded-[calc(var(--ui-radius)*1.5)]',
|
||||
base: 'text-sm px-2 py-1 gap-1.5 rounded-md',
|
||||
leadingIcon: 'size-5',
|
||||
leadingAvatarSize: '2xs',
|
||||
trailingIcon: 'size-5'
|
||||
},
|
||||
xl: {
|
||||
base: 'text-base px-2.5 py-1 gap-1.5 rounded-[calc(var(--ui-radius)*1.5)]',
|
||||
base: 'text-base px-2.5 py-1 gap-1.5 rounded-md',
|
||||
leadingIcon: 'size-6',
|
||||
leadingAvatarSize: '2xs',
|
||||
trailingIcon: 'size-6'
|
||||
|
||||
Reference in New Issue
Block a user