franken-ui
Version:
Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.
25 lines (24 loc) • 944 B
JavaScript
export default {
'.uk-badge': {
borderRadius: '500px',
display: 'inline-flex',
justifyContent: 'center',
alignItems: 'center',
boxShadow: 'var(--uk-badge-shadow)',
height: 'var(--uk-badge-height)',
minWidth: 'var(--uk-badge-min-width)',
padding: 'var(--uk-badge-padding)',
fontSize: 'var(--uk-global-font-size-s)',
lineHeight: 'var(--uk-global-line-height-s)',
'@apply border border-border font-semibold text-foreground hover:opacity-80 focus-visible:outline-dotted focus-visible:outline-ring': {}
},
'.uk-badge-primary': {
'@apply border-transparent bg-primary text-primary-foreground': {}
},
'.uk-badge-secondary': {
'@apply border-transparent bg-secondary text-secondary-foreground': {}
},
'.uk-badge-destructive': {
'@apply border-transparent bg-destructive text-destructive-foreground': {}
}
};