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.
62 lines (61 loc) • 1.82 kB
JavaScript
export default function () {
return {
'hook-icon': {
margin: null,
border: null,
borderRadius: null,
overflow: null,
font: null,
textTransform: null,
padding: null,
backgroundColor: null,
display: 'inline-flex',
lineHeight: null
},
'hook-link': {
color: null
},
'hook-link-hover': {
color: null
},
'hook-link-active': {
color: null
},
'hook-button': {
boxSizing: null,
width: null,
height: null,
borderRadius: null,
backgroundColor: null,
color: null,
verticalAlign: null,
display: null,
justifyContent: null,
alignItems: null,
transition: null,
transitionProperty: null,
'@apply inline-flex h-9 w-9 items-center justify-center rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50': {}
},
'hook-button-hover': {
backgroundColor: null,
color: null,
'@apply bg-accent text-accent-foreground': {}
},
'hook-button-active': {
backgroundColor: null,
color: null,
'@apply bg-accent text-accent-foreground': {}
},
'hook-misc': {
'.uk-icon-button-small': {
'@apply h-8 w-8': {}
},
'.uk-icon-button-xsmall': {
'@apply h-7 w-7': {}
},
'.uk-icon-button-outline': {
'@apply border border-input shadow-sm': {}
}
}
};
}