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

A collection of design tokens for consumption across projects and products

{
  "properties": [
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing0",
      "value": 0,
      "meta": {
        "friendlyName": "Spacing 0",
        "sassFunction": "space",
        "sassMap": 0,
        "sassVariable": "vf-spacing--0",
        "CSSCustomProperty": "--vf-spacing--0",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing50",
      "value": ".125rem",
      "meta": {
        "friendlyName": "Spacing 50",
        "sassFunction": "space",
        "sassMap": 50,
        "sassVariable": "vf-spacing--50",
        "CSSCustomProperty": "--vf-spacing--50",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing100",
      "value": ".25rem",
      "meta": {
        "friendlyName": "Spacing 100",
        "sassFunction": "space",
        "sassMap": 100,
        "sassVariable": "vf-spacing--100",
        "CSSCustomProperty": "--vf-spacing--100",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing200",
      "value": ".5rem",
      "meta": {
        "friendlyName": "Spacing 200",
        "sassFunction": "space",
        "sassMap": 200,
        "sassVariable": "vf-spacing--200",
        "CSSCustomProperty": "--vf-spacing--200",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing400",
      "value": "1rem",
      "meta": {
        "friendlyName": "Spacing 400",
        "sassFunction": "space",
        "sassMap": 400,
        "sassVariable": "vf-spacing--400",
        "CSSCustomProperty": "--vf-spacing--400",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing500",
      "value": "1.25rem",
      "meta": {
        "friendlyName": "Spacing 500",
        "sassFunction": "space",
        "sassMap": 500,
        "sassVariable": "vf-spacing--500",
        "CSSCustomProperty": "--vf-spacing--500",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing600",
      "value": "1.5rem",
      "meta": {
        "friendlyName": "Spacing 600",
        "sassFunction": "space",
        "sassMap": 600,
        "sassVariable": "vf-spacing--600",
        "CSSCustomProperty": "--vf-spacing--600",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing800",
      "value": "2rem",
      "meta": {
        "friendlyName": "Spacing 800",
        "sassFunction": "space",
        "sassMap": 800,
        "sassVariable": "vf-spacing--800",
        "CSSCustomProperty": "--vf-spacing--800",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing1200",
      "value": "3rem",
      "meta": {
        "friendlyName": "Spacing 1200",
        "sassFunction": "space",
        "sassMap": 1200,
        "sassVariable": "vf-spacing--1200",
        "CSSCustomProperty": "--vf-spacing--1200",
        "comment": null
      }
    },
    {
      "type": "number",
      "category": "spacing",
      "name": "vfSpacing1600",
      "value": "4rem",
      "meta": {
        "friendlyName": "Spacing 1600",
        "sassFunction": "space",
        "sassMap": 1600,
        "sassVariable": "vf-spacing--1600",
        "CSSCustomProperty": "--vf-spacing--1600",
        "comment": null
      }
    }
  ]
}