@visual-framework/vf-design-tokens/dist/json/vf-breakpoints.ios.json

A collection of design tokens for consumption across projects and products

{
  "properties": [
    {
      "type": "size",
      "category": "media-query",
      "name": "vfBreakpointXs",
      "value": "360px",
      "meta": {
        "friendlyName": "Extra Small Breakpoint",
        "sassVariable": "vf-breakpoint--xs",
        "CSSCustomProperty": "--vf-breakpoint--xs",
        "comment": null
      }
    },
    {
      "type": "size",
      "category": "media-query",
      "name": "vfBreakpointSm",
      "meta": {
        "friendlyName": "Small Breakpoint",
        "sassVariable": "vf-breakpoint--sm",
        "CSSCustomProperty": "--vf-breakpoint--sm",
        "comment": null
      },
      "value": "600px"
    },
    {
      "type": "size",
      "category": "media-query",
      "name": "vfBreakpointMd",
      "value": "768px",
      "meta": {
        "friendlyName": "Regular Breakpoint",
        "sassVariable": "vf-breakpoint--md",
        "CSSCustomProperty": "--vf-breakpoint--md",
        "comment": null
      }
    },
    {
      "type": "size",
      "category": "media-query",
      "name": "vfBreakpointLg",
      "value": "1024px",
      "meta": {
        "friendlyName": "Large Breakpoint",
        "sassVariable": "vf-breakpoint--lg",
        "CSSCustomProperty": "--vf-breakpoint--lg",
        "comment": null
      }
    },
    {
      "type": "size",
      "category": "media-query",
      "name": "vfBreakpointXl",
      "value": "1280px",
      "meta": {
        "friendlyName": "Extra Large Breakpoint",
        "sassVariable": "vf-breakpoint--xl",
        "CSSCustomProperty": "--vf-breakpoint--xl",
        "comment": null
      }
    }
  ]
}