@visual-framework/vf-design-tokens/src/maps/vf-spacing.yml

A collection of design tokens for consumption across projects and products

props:
  - name: vf-spacing--0
    value: 0
    meta:
      friendlyName: Spacing 0
      sassFunction: space
      sassMap: 0
      sassVariable: vf-spacing--0
      CSSCustomProperty:  --vf-spacing--0
      comment:
  - name: vf-spacing--50
    value: .125rem
    meta:
      friendlyName: Spacing 50
      sassFunction: space
      sassMap: 50
      sassVariable: vf-spacing--50
      CSSCustomProperty: --vf-spacing--50
      comment:
  - name: vf-spacing--100
    value: .25rem
    meta:
      friendlyName: Spacing 100
      sassFunction: space
      sassMap: 100
      sassVariable: vf-spacing--100
      CSSCustomProperty: --vf-spacing--100
      comment:
  - name: vf-spacing--200
    value: .5rem
    meta:
      friendlyName: Spacing 200
      sassFunction: space
      sassMap: 200
      sassVariable: vf-spacing--200
      CSSCustomProperty: --vf-spacing--200
      comment:
  - name: vf-spacing--400
    value: 1rem
    meta:
      friendlyName: Spacing 400
      sassFunction: space
      sassMap: 400
      sassVariable: vf-spacing--400
      CSSCustomProperty: --vf-spacing--400
      comment:
  - name: vf-spacing--500
    value: 1.25rem
    meta:
      friendlyName: Spacing 500
      sassFunction: space
      sassMap: 500
      sassVariable: vf-spacing--500
      CSSCustomProperty: --vf-spacing--500
      comment:
  - name: vf-spacing--600
    value: 1.5rem
    meta:
      friendlyName: Spacing 600
      sassFunction: space
      sassMap: 600
      sassVariable: vf-spacing--600
      CSSCustomProperty: --vf-spacing--600
      comment:
  - name: vf-spacing--800
    value: 2rem
    meta:
      friendlyName: Spacing 800
      sassFunction: space
      sassMap: 800
      sassVariable: vf-spacing--800
      CSSCustomProperty: --vf-spacing--800
      comment:
  - name: vf-spacing--1200
    value: 3rem
    meta:
      friendlyName: Spacing 1200
      sassFunction: space
      sassMap: 1200
      sassVariable: vf-spacing--1200
      CSSCustomProperty: --vf-spacing--1200
      comment:
  - name: vf-spacing--1600
    value: 4rem
    meta:
      friendlyName: Spacing 1600
      sassFunction: space
      sassMap: 1600
      sassVariable: vf-spacing--1600
      CSSCustomProperty: --vf-spacing--1600
      comment:
global:
  type: number
  category: spacing