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.
115 lines (114 loc) • 3.33 kB
JavaScript
export default function () {
return {
'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': {}
}
}
};
}