UNPKG

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
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': {}; }; }; };