franken-ui/dist/shadcn-ui/components/media.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: {
    '@screen sm': {
        '.uk-container': {
            paddingLeft: string;
            paddingRight: string;
        };
        '.uk-container-expand-left.uk-container-xs, .uk-container-expand-right.uk-container-xs': {
            maxWidth: string;
        };
        '.uk-container-expand-left.uk-container-sm, .uk-container-expand-right.uk-container-sm': {
            maxWidth: string;
        };
        '.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right': {
            width: string;
        };
        '.uk-container-item-padding-remove-left': {
            marginLeft: string;
        };
        '.uk-container-item-padding-remove-right': {
            marginRight: string;
        };
        '.uk-dropbar': {
            paddingLeft: string;
            paddingRight: string;
        };
        '.uk-dropdown-dropbar': {
            '--uk-position-viewport-offset': string;
        };
        '.uk-stepper': {
            justifyContent: string;
            flexWrap: string;
        };
        '.uk-stepper-default li': {
            width: string;
        };
        '.uk-stepper-counter.uk-stepper-default li::before': {
            content: string;
            display: string;
            marginRight: string;
        };
        '.uk-stepper-default li:not(:last-child)::after': {
            content: string;
            width: string;
            height: string;
            background: string;
            marginLeft: string;
            marginRight: string;
        };
        '.uk-stepper-default li:last-child': {
            width: string;
        };
        '.uk-stepper-default li.uk-stepper-checked::before': {
            display: string;
        };
        '.uk-stepper-default .uk-stepper-checked a': {
            paddingLeft: string;
            display: string;
            alignItems: string;
        };
        '.uk-stepper-default .uk-stepper-checked a::before': {
            display: string;
        };
    };
    '@screen md': {
        '.uk-container-expand-left, .uk-container-expand-right': {
            maxWidth: string;
        };
        '.uk-container-expand-left.uk-container-xs, .uk-container-expand-right.uk-container-xs': {
            maxWidth: string;
        };
        '.uk-container-expand-left.uk-container-sm, .uk-container-expand-right.uk-container-sm': {
            maxWidth: string;
        };
        '.uk-container-expand-left.uk-container-lg, .uk-container-expand-right.uk-container-lg': {
            maxWidth: string;
        };
        '.uk-container-expand-left.uk-container-xl, .uk-container-expand-right.uk-container-xl': {
            maxWidth: string;
        };
        '.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right': {
            width: string;
        };
        '.uk-container-item-padding-remove-left': {
            marginLeft: string;
        };
        '.uk-container-item-padding-remove-right': {
            marginRight: string;
        };
        '.uk-dropbar': {
            paddingLeft: string;
            paddingRight: string;
        };
        '.uk-dropdown-dropbar': {
            '--uk-position-viewport-offset': string;
        };
        '.uk-form-horizontal .uk-form-label': {
            width: string;
            marginTop: string;
            cssFloat: string;
        };
        '.uk-form-horizontal .uk-form-controls': {
            marginLeft: string;
        };
        '.uk-form-horizontal .uk-form-controls-text': {
            paddingTop: string;
        };
    };
    '@screen max-md': {
        '.uk-form-horizontal .uk-form-label': {
            display: string;
            marginBottom: string;
        };
        '.uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive th, .uk-table-responsive td, .uk-table-responsive tr': {
            display: string;
        };
        '.uk-table-responsive thead': {
            display: string;
        };
        '.uk-table-responsive th, .uk-table-responsive td': {
            width: string;
            maxWidth: string;
            minWidth: string;
            overflow: string;
            whiteSpace: string;
        };
        '.uk-table-responsive th:not(:first-child):not(.uk-table-link), .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive .uk-table-link:not(:first-child) > a': {
            paddingTop: string;
        };
        '.uk-table-responsive th:not(:last-child):not(.uk-table-link), .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive .uk-table-link:not(:last-child) > a': {
            paddingBottom: string;
        };
        '.uk-table-justify.uk-table-responsive th, .uk-table-justify.uk-table-responsive td': {
            paddingLeft: string;
            paddingRight: string;
        };
    };
    '@screen max-sm': {
        '.uk-notification': {
            left: string;
            right: string;
            width: string;
            margin: string;
        };
    };
    '@media (hover: none)': {
        '.uk-hidden-touch': {
            display: string;
        };
    };
    '@media (hover)': {
        '.uk-hidden-notouch': {
            display: string;
        };
    };
    '@media (pointer: coarse)': {
        '.uk-background-fixed': {
            backgroundAttachment: string;
        };
    };
};
export default _default;