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.
78 lines (77 loc) • 2.04 kB
TypeScript
declare const _default: {
'.uk-lightbox': {
display: string;
position: string;
top: string;
right: string;
bottom: string;
left: string;
zIndex: string;
opacity: string;
transition: string;
touchAction: string;
'@apply bg-background': {};
};
'.uk-lightbox.uk-open': {
display: string;
opacity: string;
};
'.uk-lightbox :focus-visible': {
'@apply outline-dotted outline-ring': {};
};
'.uk-lightbox-page': {
overflow: string;
};
'.uk-lightbox-items > *': {
position: string;
top: string;
right: string;
bottom: string;
left: string;
display: string;
justifyContent: string;
alignItems: string;
willChange: string;
overflow: string;
};
'.uk-lightbox-items > .uk-active': {
display: string;
};
'.uk-lightbox-items-fit > *': {
alignItems: string;
};
'.uk-lightbox-items-fit > * > *': {
maxWidth: string;
maxHeight: string;
};
'.uk-lightbox-items-fit > * > :not(iframe)': {
width: string;
height: string;
};
'.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover': {
cursor: string;
};
'.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover': {
cursor: string;
};
'.uk-lightbox-thumbnav-vertical :where(img, video)': {
maxWidth: string;
};
'.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img, video)': {
maxHeight: string;
};
'.uk-lightbox-thumbnav:empty, .uk-lightbox-dotnav:empty': {
display: string;
};
'.uk-lightbox-caption': {
'@apply bg-secondary p-4 text-secondary-foreground backdrop-blur-sm': {};
};
'.uk-lightbox-caption:empty': {
display: string;
};
'.uk-lightbox-iframe': {
width: string;
height: string;
};
};
export default _default;