franken-ui/dist/shadcn-ui/components/position.d.ts

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.

declare const _default: {
    "[class*='uk-position-top'], [class*='uk-position-bottom'], [class*='uk-position-left'], [class*='uk-position-right'], [class*='uk-position-center']": {
        position: string;
        maxWidth: string;
        boxSizing: string;
    };
    '.uk-position-top': {
        top: string;
        left: string;
        right: string;
    };
    '.uk-position-bottom': {
        bottom: string;
        left: string;
        right: string;
    };
    '.uk-position-left': {
        top: string;
        bottom: string;
        left: string;
    };
    '.uk-position-right': {
        top: string;
        bottom: string;
        right: string;
    };
    '.uk-position-top-left': {
        top: string;
        left: string;
    };
    '.uk-position-top-right': {
        top: string;
        right: string;
    };
    '.uk-position-bottom-left': {
        bottom: string;
        left: string;
    };
    '.uk-position-bottom-right': {
        bottom: string;
        right: string;
    };
    '.uk-position-center': {
        top: string;
        left: string;
        '--uk-position-translate-x': string;
        '--uk-position-translate-y': string;
        transform: string;
        width: string;
    };
    ".uk-position-center-vertical, [class*='uk-position-center-left'], [class*='uk-position-center-right']": {
        top: string;
        '--uk-position-translate-y': string;
        transform: string;
    };
    '.uk-position-center-left': {
        left: string;
    };
    '.uk-position-center-right': {
        right: string;
    };
    '.uk-position-center-vertical': {
        left: string;
        right: string;
    };
    '.uk-position-center-left-out': {
        right: string;
        width: string;
    };
    '.uk-position-center-right-out': {
        left: string;
        width: string;
    };
    '.uk-position-bottom-center, .uk-position-center-horizontal, .uk-position-top-center': {
        left: string;
        '--uk-position-translate-x': string;
        transform: string;
        width: string;
    };
    '.uk-position-top-center': {
        top: string;
    };
    '.uk-position-bottom-center': {
        bottom: string;
    };
    '.uk-position-center-horizontal': {
        top: string;
        bottom: string;
    };
    '.uk-position-cover': {
        position: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
    '.uk-position-sm': {
        margin: string;
        '--uk-position-margin-offset': string;
    };
    '.uk-position-md': {
        margin: string;
        '--uk-position-margin-offset': string;
    };
    '.uk-position-lg': {
        margin: string;
        '--uk-position-margin-offset': string;
    };
    '.uk-position-relative': {
        position: string;
    };
    '.uk-position-absolute': {
        position: string;
    };
    '.uk-position-fixed': {
        position: string;
    };
    '.uk-position-sticky': {
        position: string;
    };
    '.uk-position-z-index': {
        zIndex: string;
    };
    '.uk-position-z-index-zero': {
        zIndex: string;
    };
    '.uk-position-z-index-negative': {
        zIndex: string;
    };
    '.uk-position-z-index-high': {
        zIndex: string;
    };
    '.uk-position-xs': {
        margin: string;
        '--uk-position-margin-offset': string;
    };
    '.uk-position': {
        margin: string;
        '--uk-position-margin-offset': string;
    };
    '.uk-position-xl': {
        margin: string;
        '--uk-position-margin-offset': string;
    };
};
export default _default;