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.
61 lines (60 loc) • 1.68 kB
TypeScript
export default function (): {
'hook-tab': {
marginLeft: null;
'@apply text-muted-foreground': {};
};
'hook-tab-before': {
borderBottom: string;
left: string;
'@apply border-border': {};
};
'hook-item': {
color: null;
textTransform: string;
borderBottom: string;
'@apply font-semibold text-muted-foreground': {};
};
'hook-item-hover': {
color: null;
};
'hook-bottom-item': {
borderTop: string;
};
'hook-left-item': {
borderRight: string;
};
'hook-left-before': {
borderLeft: string;
'@apply border-border': {};
};
'hook-right-before': {
borderLeft: string;
'@apply border-border': {};
};
'hook-right-item': {
borderLeft: string;
};
'hook-item-active': {
'@apply border-primary bg-background text-foreground': {};
};
'hook-item-disabled': {
'@apply opacity-50 disabled:pointer-events-none': {};
};
'hook-misc': {
'.uk-tab > *': {
paddingLeft: null;
};
'.uk-tab-alt': {
'@apply flex h-9 w-full items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground': {};
};
'.uk-tab-alt > *': {
'@apply flex-grow': {};
};
'.uk-tab-alt > * > a': {
'@apply inline-flex h-auto w-full items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium no-underline': {};
};
'.uk-tab-alt > .uk-active > a': {
'@apply rounded-md border-b-0 bg-background text-foreground': {};
};
};
};