@axa-ch/design-tokens/tokens/platforms/web/mq/respond.json

AXA Design Tokens

{
  "mq": {
    "respond": {
      "down-sm": {
        "value": "{mq.base.xs-max}"
      },
      "down-md": {
        "value": "{mq.base.sm-max}"
      },
      "down-lg": {
        "value": "{mq.base.md-max}"
      },
      "down-xl": {
        "value": "{mq.base.lg-max}"
      },
      "down-xxl": {
        "value": "{mq.base.xl-max}"
      },
      "up-sm": {
        "value": "{mq.base.sm}"
      },
      "up-md": {
        "value": "{mq.base.md}"
      },
      "up-lg": {
        "value": "{mq.base.lg}"
      },
      "up-xl": {
        "value": "{mq.base.xl}"
      },
      "up-xxl": {
        "value": "{mq.base.xxl}"
      },
      "only-xs": {
        "value": "{mq.base.xs-max}"
      },
      "only-sm": {
        "value": "{mq.base.sm} and {mq.base.sm-max}"
      },
      "only-md": {
        "value": "{mq.base.md} and {mq.base.md-max}"
      },
      "only-lg": {
        "value": "{mq.base.lg} and {mq.base.lg-max}"
      },
      "only-xl": {
        "value": "{mq.base.xl} and {mq.base.xl-max}"
      },
      "only-xxl": {
        "value": "{mq.base.xxl}"
      }
    }
  }
}