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.

113 lines (112 loc) 2.92 kB
export default function (): { 'hook-misc': { '.uk-margin-xsmall': { '@apply mb-1': {}; }; '* + .uk-margin-xsmall': { '@apply mt-1': {}; }; '.uk-margin-xsmall-top': { '@apply mt-1': {}; }; '.uk-margin-xsmall-bottom': { '@apply mb-1': {}; }; '.uk-margin-xsmall-left': { '@apply ml-1': {}; }; '.uk-margin-xsmall-right': { '@apply mr-1': {}; }; '.uk-margin-small': { '@apply mb-2': {}; }; '* + .uk-margin-small': { '@apply mt-2': {}; }; '.uk-margin-small-top': { '@apply mt-2': {}; }; '.uk-margin-small-bottom': { '@apply mb-2': {}; }; '.uk-margin-small-left': { '@apply ml-2': {}; }; '.uk-margin-small-right': { '@apply mr-2': {}; }; '.uk-margin': { '@apply mb-4': {}; }; '* + .uk-margin': { '@apply mt-4': {}; }; '.uk-margin-top': { '@apply mt-4': {}; }; '.uk-margin-bottom': { '@apply mb-4': {}; }; '.uk-margin-left': { '@apply ml-4': {}; }; '.uk-margin-right': { '@apply mr-4': {}; }; '.uk-margin-medium': { '@apply mb-10': {}; }; '* + .uk-margin-medium': { '@apply mt-10': {}; }; '.uk-margin-medium-top': { '@apply mt-10': {}; }; '.uk-margin-medium-bottom': { '@apply mb-10': {}; }; '.uk-margin-medium-left': { '@apply ml-10': {}; }; '.uk-margin-medium-right': { '@apply mr-10': {}; }; '.uk-margin-large': { '@apply mb-20 lg:mb-20': {}; }; '* + .uk-margin-large': { '@apply mt-20 lg:mt-20': {}; }; '.uk-margin-large-top': { '@apply mt-20 lg:mt-20': {}; }; '.uk-margin-large-bottom': { '@apply mb-20 lg:mb-20': {}; }; '.uk-margin-large-left': { '@apply ml-20 lg:ml-20': {}; }; '.uk-margin-large-right': { '@apply mr-20 lg:mr-20': {}; }; '.uk-margin-xlarge': { '@apply mb-40 lg:mb-40': {}; }; '* + .uk-margin-xlarge': { '@apply mt-40 lg:mt-40': {}; }; '.uk-margin-xlarge-top': { '@apply mt-40 lg:mt-40': {}; }; '.uk-margin-xlarge-bottom': { '@apply mb-40 lg:mb-40': {}; }; '.uk-margin-xlarge-left': { '@apply ml-40 lg:ml-40': {}; }; '.uk-margin-xlarge-right': { '@apply mr-40 lg:mr-40': {}; }; }; };