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

A collection of design tokens for consumption across projects and products

props:
  - name: vf-z-index--negative
    value: -1
    meta:
      friendlyName: Negative
      sassFunction: set-layer
      sassMap: negative
      comment:
  - name: vf-z-index--pseudo-element-fix
    value: 1
    meta:
      friendlyName: Pseudo element fix
      sassFunction: set-layer
      sassMap: pseudo-element-fix
      comment:
  - name: vf-z-index--box-link
    value: 512
    meta:
      friendlyName: Box link
      sassFunction: set-layer
      sassMap: box-link
      comment:
  - name: vf-z-index--box-text-link
    value: 1984
    meta:
      friendlyName: Box text link
      sassFunction: set-layer
      sassMap: box-text-link
      comment:
  - name: vf-z-index--form-input
    value: 1
    meta:
      friendlyName: Form input
      sassFunction: set-layer
      sassMap: form-input
      comment:
  - name: vf-z-index--form-label
    value: 1
    meta:
      friendlyName: Form label
      sassFunction: set-layer
      sassMap: form-label
      comment:
  - name: vf-z-index--hero
    value: 1984
    meta:
      friendlyName: Hero
      sassFunction: set-layer
      sassMap: hero
      comment:
  - name: vf-z-index--masthead
    value: 1984
    meta:
      friendlyName: Banner
      sassFunction: set-layer
      sassMap: banner
      comment:
  - name: vf-z-index--banner
    value: 5150
    meta:
      friendlyName: Banner
      sassFunction: set-layer
      sassMap: banner
      comment:
  - name: vf-z-index--overlay
    value: 7000
    meta:
      friendlyName: Overlay
      sassFunction: set-layer
      sassMap: overlay
      comment:
  - name: vf-z-index--overlay-top-content
    value: 7100
    meta:
      friendlyName: Overlay top content
      sassFunction: set-layer
      sassMap: overlay top content
      comment:
global:
  type: number
  category: layer