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