Files
ui/src/theme/avatar-group.ts
Sandro Circi 104852a55c chore: use new syntax for css variables (#3258)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2025-02-07 11:24:14 +01:00

41 lines
703 B
TypeScript

export default {
slots: {
root: 'inline-flex flex-row-reverse justify-end',
base: 'relative rounded-full ring-(--ui-bg) first:me-0'
},
variants: {
size: {
'3xs': {
base: 'ring -me-0.5'
},
'2xs': {
base: 'ring -me-0.5'
},
'xs': {
base: 'ring -me-0.5'
},
'sm': {
base: 'ring-2 -me-1.5'
},
'md': {
base: 'ring-2 -me-1.5'
},
'lg': {
base: 'ring-2 -me-1.5'
},
'xl': {
base: 'ring-3 -me-2'
},
'2xl': {
base: 'ring-3 -me-2'
},
'3xl': {
base: 'ring-3 -me-2'
}
}
},
defaultVariants: {
size: 'md'
}
}