apphouse/dist/styles/mediaQueries.d.ts

Component library for React that uses observable state management and theme-able components.

export declare const MIN_MOBILE_WIDTH = 600;
export declare const queries: {
    mobile: string;
    print: string;
    screen: string;
    page: string;
};
declare const breakpoints: {
    mobileSmall: number;
    mobileMedium: number;
    mobileLarge: number;
    tablet: number;
    desktop: number;
    wideDesktop: number;
};
type BreakPoint = keyof typeof breakpoints;
type DeviceOrientation = "portrait" | "landscape";
export declare const mediaQuery: {
    screen: ({ biggerThan, smallerThan, orientation, }: {
        biggerThan?: "mobileSmall" | "mobileMedium" | "mobileLarge" | "tablet" | "desktop" | "wideDesktop" | undefined;
        smallerThan?: "mobileSmall" | "mobileMedium" | "mobileLarge" | "tablet" | "desktop" | "wideDesktop" | undefined;
        orientation?: DeviceOrientation | undefined;
    }) => string;
};
/**
 * Obtain media query for breakpoints
 */
export declare const getMediaQuery: {
    screen: ({ biggerThan, smallerThan, orientation, }: {
        biggerThan?: number | undefined;
        smallerThan?: number | undefined;
        orientation?: DeviceOrientation | undefined;
    }) => string;
};
export {};