@porsche-design-system/components-js
Version:
Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.
23 lines (22 loc) • 2.75 kB
TypeScript
import type { BKey } from './mediaQueryShared';
export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'xs'>): '@media(min-width:0px) and (max-width:479px)';
export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'s'>): '@media(min-width:0px) and (max-width:759px)';
export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'m'>): '@media(min-width:0px) and (max-width:999px)';
export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'l'>): '@media(min-width:0px) and (max-width:1299px)';
export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'xl'>): '@media(min-width:0px) and (max-width:1759px)';
export declare function getMediaQueryMinMax(min: BKey<'base'>, max: BKey<'xxl'>): '@media(min-width:0px) and (max-width:1919px)';
export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'s'>): '@media(min-width:480px) and (max-width:759px)';
export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'m'>): '@media(min-width:480px) and (max-width:999px)';
export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'l'>): '@media(min-width:480px) and (max-width:1299px)';
export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'xl'>): '@media(min-width:480px) and (max-width:1759px)';
export declare function getMediaQueryMinMax(min: BKey<'xs'>, max: BKey<'xxl'>): '@media(min-width:480px) and (max-width:1919px)';
export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'m'>): '@media(min-width:760px) and (max-width:999px)';
export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'l'>): '@media(min-width:760px) and (max-width:1299px)';
export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'xl'>): '@media(min-width:760px) and (max-width:1759px)';
export declare function getMediaQueryMinMax(min: BKey<'s'>, max: BKey<'xxl'>): '@media(min-width:760px) and (max-width:1919px)';
export declare function getMediaQueryMinMax(min: BKey<'m'>, max: BKey<'l'>): '@media(min-width:1000px) and (max-width:1299px)';
export declare function getMediaQueryMinMax(min: BKey<'m'>, max: BKey<'xl'>): '@media(min-width:1000px) and (max-width:1759px)';
export declare function getMediaQueryMinMax(min: BKey<'m'>, max: BKey<'xxl'>): '@media(min-width:1000px) and (max-width:1919px)';
export declare function getMediaQueryMinMax(min: BKey<'l'>, max: BKey<'xl'>): '@media(min-width:1300px) and (max-width:1759px)';
export declare function getMediaQueryMinMax(min: BKey<'l'>, max: BKey<'xxl'>): '@media(min-width:1300px) and (max-width:1919px)';
export declare function getMediaQueryMinMax(min: BKey<'xl'>, max: BKey<'xxl'>): '@media(min-width:1760px) and (max-width:1919px)';