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.
105 lines (104 loc) • 2.66 kB
TypeScript
declare const _default: {
'.uk-modal': {
display: string;
position: string;
top: string;
right: string;
bottom: string;
left: string;
zIndex: string;
overflowY: string;
backgroundColor: string;
opacity: string;
transition: string;
padding: string;
'@apply backdrop-blur-sm': {};
};
'.uk-modal.uk-open': {
opacity: string;
};
'.uk-modal-page': {
overflow: string;
};
'.uk-modal-dialog': {
position: string;
boxSizing: string;
margin: string;
width: string;
maxWidth: string;
opacity: string;
transform: string;
transition: string;
transitionProperty: string;
borderRadius: string;
'@apply overflow-hidden border border-border bg-background': {};
};
'.uk-open > .uk-modal-dialog': {
opacity: string;
transform: string;
};
'.uk-modal-container .uk-modal-dialog': {
width: string;
};
'.uk-modal-full': {
padding: string;
background: string;
};
'.uk-modal-full .uk-modal-dialog': {
margin: string;
width: string;
maxWidth: string;
transform: string;
'@apply w-full rounded-none border-none': {};
};
'.uk-modal-body': {
display: string;
padding: string;
};
'.uk-modal-header': {
display: string;
padding: string;
};
'.uk-modal-footer': {
display: string;
padding: string;
};
'.uk-modal-body > :last-child, .uk-modal-header > :last-child, .uk-modal-footer > :last-child': {
marginBottom: string;
};
'.uk-modal-title': {
'@apply text-lg font-semibold leading-none tracking-tight': {};
};
'.uk-modal-header + .uk-modal-body, .uk-modal-body + .uk-modal-footer': {
paddingTop: string;
};
'.uk-modal-header ~ .uk-modal-footer': {
paddingTop: string;
};
'.uk-modal-header + .uk-modal-body.uk-overflow-auto': {
paddingBottom: string;
};
'.uk-modal-body.uk-overflow-auto + .uk-modal-footer': {
paddingTop: string;
};
'.uk-flex': {
display: string;
};
'.uk-flex-top': {
'@apply items-start': {};
};
'.uk-flex-wrap-top': {
alignContent: string;
};
'.uk-margin-auto-vertical': {
marginTop: string;
marginBottom: string;
};
'.uk-overflow-auto': {
overflow: string;
};
'.uk-overflow-auto > :last-child': {
marginBottom: string;
};
};
export default _default;