UNPKG

@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
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)';