@axa-ch/design-tokens/build/css/mq.css

AXA Design Tokens

@custom-media --mq-base-xs-max (max-width: 575.98px);
@custom-media --mq-base-sm (min-width: 576px);
@custom-media --mq-base-sm-max (max-width: 767.98px);
@custom-media --mq-base-md (min-width: 768px);
@custom-media --mq-base-md-max (max-width: 991.98px);
@custom-media --mq-base-lg (min-width: 992px);
@custom-media --mq-base-lg-max (max-width: 1199.98px);
@custom-media --mq-base-xl (min-width: 1200px);
@custom-media --mq-base-xl-max (max-width: 1439.98px);
@custom-media --mq-base-xxl (min-width: 1440px);
@custom-media --mq-base-hd-color (dynamic-range: high);
@custom-media --mq-base-touch (hover: none) and (pointer: coarse);
@custom-media --mq-base-stylus (hover: none) and (pointer: fine);
@custom-media --mq-base-pointer (hover) and (pointer: coarse);
@custom-media --mq-base-mouse (hover) and (pointer: fine);
@custom-media --mq-base-scheme-dark (prefers-color-scheme: dark);
@custom-media --mq-base-scheme-light (prefers-color-scheme: light);
@custom-media --mq-base-motion-safe (prefers-reduced-motion: no-preference);
@custom-media --mq-base-motion-reduce (prefers-reduced-motion: reduce);
@custom-media --mq-base-opacity-safe (prefers-reduced-transparency: no-preference);
@custom-media --mq-base-opacity-reduce (prefers-reduced-transparency: reduce);
@custom-media --mq-base-data-safe (prefers-reduced-data: no-preference);
@custom-media --mq-base-data-reduce (prefers-reduced-data: reduce);
@custom-media --mq-base-contrast-more (prefers-contrast: more);
@custom-media --mq-base-contrast-less (prefers-contrast: less);
@custom-media --mq-base-portrait (orientation: portrait);
@custom-media --mq-base-landscape (orientation: landscape);
@custom-media --mq-respond-down-sm (max-width: 575.98px);
@custom-media --mq-respond-down-md (max-width: 767.98px);
@custom-media --mq-respond-down-lg (max-width: 991.98px);
@custom-media --mq-respond-down-xl (max-width: 1199.98px);
@custom-media --mq-respond-down-xxl (max-width: 1439.98px);
@custom-media --mq-respond-up-sm (min-width: 576px);
@custom-media --mq-respond-up-md (min-width: 768px);
@custom-media --mq-respond-up-lg (min-width: 992px);
@custom-media --mq-respond-up-xl (min-width: 1200px);
@custom-media --mq-respond-up-xxl (min-width: 1440px);
@custom-media --mq-respond-only-xs (max-width: 575.98px);
@custom-media --mq-respond-only-sm (min-width: 576px) and (max-width: 767.98px);
@custom-media --mq-respond-only-md (min-width: 768px) and (max-width: 991.98px);
@custom-media --mq-respond-only-lg (min-width: 992px) and (max-width: 1199.98px);
@custom-media --mq-respond-only-xl (min-width: 1200px) and (max-width: 1439.98px);
@custom-media --mq-respond-only-xxl (min-width: 1440px);