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.
17 lines (16 loc) • 858 B
JavaScript
export default {
'.uk-pgn': { '@apply flex flex-wrap items-center gap-1': {} },
'.uk-pgn > *': { '@apply relative flex-none': {} },
'.uk-pgn > * > *': { '@apply uk-btn': {} },
'.uk-pgn > .uk-active > *': { '@apply opacity-80': {} },
'.uk-pgn > .uk-disabled > *': { '@apply opacity-50': {} },
'.uk-pgn-xs > * > *': { '@apply uk-btn-xs': {} },
'.uk-pgn-sm > * > *': { '@apply uk-btn-sm': {} },
'.uk-pgn-md > * > *': { '@apply uk-btn-md': {} },
'.uk-pgn-lg > * > *': { '@apply uk-btn-lg': {} },
'.uk-pgn-default > * > *': { '@apply uk-btn-default': {} },
'.uk-pgn-primary > * > *': { '@apply uk-btn-primary': {} },
'.uk-pgn-secondary > * > *': { '@apply uk-btn-secondary': {} },
'.uk-pgn-ghost > * > *': { '@apply uk-btn-ghost': {} },
'.uk-pgn-destructive > * > *': { '@apply uk-btn-destructive': {} }
};