@axa-ch/design-tokens
Version:
AXA Design Tokens
48 lines (46 loc) • 2.65 kB
JavaScript
/**
* Do not edit directly, this file was auto-generated.
*/
export const MqBaseXsMax = '(max-width: 575.98px)';
export const MqBaseSm = '(min-width: 576px)';
export const MqBaseSmMax = '(max-width: 767.98px)';
export const MqBaseMd = '(min-width: 768px)';
export const MqBaseMdMax = '(max-width: 991.98px)';
export const MqBaseLg = '(min-width: 992px)';
export const MqBaseLgMax = '(max-width: 1199.98px)';
export const MqBaseXl = '(min-width: 1200px)';
export const MqBaseXlMax = '(max-width: 1439.98px)';
export const MqBaseXxl = '(min-width: 1440px)';
export const MqBaseHdColor = '(dynamic-range: high)';
export const MqBaseTouch = '(hover: none) and (pointer: coarse)';
export const MqBaseStylus = '(hover: none) and (pointer: fine)';
export const MqBasePointer = '(hover) and (pointer: coarse)';
export const MqBaseMouse = '(hover) and (pointer: fine)';
export const MqBaseSchemeDark = '(prefers-color-scheme: dark)';
export const MqBaseSchemeLight = '(prefers-color-scheme: light)';
export const MqBaseMotionSafe = '(prefers-reduced-motion: no-preference)';
export const MqBaseMotionReduce = '(prefers-reduced-motion: reduce)';
export const MqBaseOpacitySafe = '(prefers-reduced-transparency: no-preference)';
export const MqBaseOpacityReduce = '(prefers-reduced-transparency: reduce)';
export const MqBaseDataSafe = '(prefers-reduced-data: no-preference)';
export const MqBaseDataReduce = '(prefers-reduced-data: reduce)';
export const MqBaseContrastMore = '(prefers-contrast: more)';
export const MqBaseContrastLess = '(prefers-contrast: less)';
export const MqBasePortrait = '(orientation: portrait)';
export const MqBaseLandscape = '(orientation: landscape)';
export const MqRespondDownSm = '(max-width: 575.98px)';
export const MqRespondDownMd = '(max-width: 767.98px)';
export const MqRespondDownLg = '(max-width: 991.98px)';
export const MqRespondDownXl = '(max-width: 1199.98px)';
export const MqRespondDownXxl = '(max-width: 1439.98px)';
export const MqRespondUpSm = '(min-width: 576px)';
export const MqRespondUpMd = '(min-width: 768px)';
export const MqRespondUpLg = '(min-width: 992px)';
export const MqRespondUpXl = '(min-width: 1200px)';
export const MqRespondUpXxl = '(min-width: 1440px)';
export const MqRespondOnlyXs = '(max-width: 575.98px)';
export const MqRespondOnlySm = '(min-width: 576px) and (max-width: 767.98px)';
export const MqRespondOnlyMd = '(min-width: 768px) and (max-width: 991.98px)';
export const MqRespondOnlyLg = '(min-width: 992px) and (max-width: 1199.98px)';
export const MqRespondOnlyXl = '(min-width: 1200px) and (max-width: 1439.98px)';
export const MqRespondOnlyXxl = '(min-width: 1440px)';