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.
79 lines (78 loc) • 2.07 kB
TypeScript
export default function (): {
'hook-modal': {
padding: null;
backgroundColor: string;
'@apply backdrop-blur-sm p-4': {};
};
'hook-dialog': {
width: string;
backgroundColor: null;
'@apply overflow-hidden border border-border bg-background rounded-lg': {};
};
'hook-full': {
backgroundColor: null;
'@apply w-full rounded-none border-none': {};
};
'hook-header': {
padding: null;
backgroundColor: null;
borderBottom: null;
'@apply p-6': {};
};
'hook-body': {
padding: null;
'@apply p-6': {};
};
'hook-footer': {
padding: null;
backgroundColor: null;
borderTop: null;
'@apply p-6': {};
};
'hook-title': {
fontSize: null;
lineHeight: null;
'@apply text-lg font-semibold leading-none tracking-tight': {};
};
'hook-close-full': {
backgroundColor: null;
padding: null;
};
'hook-misc': {
"[class*='uk-modal-close-']": {
padding: null;
'@apply top-4 right-4': {};
};
'.uk-modal-header + .uk-modal-body, .uk-modal-body + .uk-modal-footer': {
'@apply pt-0': {};
};
'.uk-modal-header ~ .uk-modal-footer': {
'@apply pt-0': {};
};
'.uk-modal-header + .uk-modal-body.uk-overflow-auto': {
'@apply pb-0': {};
};
'.uk-modal-body.uk-overflow-auto + .uk-modal-footer': {
'@apply pt-6': {};
};
'.uk-modal-full': {
padding: string;
};
'.uk-flex': {
display: string;
};
'.uk-flex-top': {
'@apply items-start': {};
};
'.uk-margin-auto-vertical': {
marginTop: string;
marginBottom: string;
};
'.uk-overflow-auto': {
overflow: string;
};
'.uk-overflow-auto > :last-child': {
marginBottom: string;
};
};
};