@visual-framework/vf-design-tokens
Version:
A collection of design tokens for consumption across projects and products
93 lines (79 loc) • 2.25 kB
YAML
# -------------
# Brand Colours
# -------------
imports:
- "../neutral.palette.alias.yml"
props:
- name: vf-color--neutral--0
value: '{!vf-color--neutral--0}'
meta:
friendlyName: Neutral 0
sassFunction: neutral
sassMap: 0
CSSCustomProperty: --vf-color--neutral--0
- name: vf-color--neutral--100
value: '{!vf-color--neutral--100}'
meta:
friendlyName: Neutral 100
sassFunction: neutral
sassMap: 100
CSSCustomProperty: --vf-color--neutral--100
- name: vf-color--neutral--200
value: '{!vf-color--neutral--200}'
meta:
friendlyName: Neutral 200
sassFunction: neutral
sassMap: 200
CSSCustomProperty: --vf-color--neutral--200
- name: vf-color--neutral--300
value: '{!vf-color--neutral--300}'
meta:
friendlyName: Neutral 300
sassFunction: neutral
sassMap: 300
CSSCustomProperty: --vf-color--neutral--300
- name: vf-color--neutral--400
value: '{!vf-color--neutral--400}'
meta:
friendlyName: Neutral 400
sassFunction: neutral
sassMap: 400
CSSCustomProperty: --vf-color--neutral--400
- name: vf-color--neutral--500
value: '{!vf-color--neutral--500}'
meta:
friendlyName: Neutral 500
sassFunction: neutral
sassMap: 500
CSSCustomProperty: --vf-color--neutral--500
- name: vf-color--neutral--600
value: '{!vf-color--neutral--600}'
meta:
friendlyName: Neutral 600
sassFunction: neutral
sassMap: 600
CSSCustomProperty: --vf-color--neutral--600
- name: vf-color--neutral--700
value: '{!vf-color--neutral--700}'
meta:
friendlyName: Neutral 700
sassFunction: neutral
sassMap: 700
CSSCustomProperty: --vf-color--neutral--700
- name: vf-color--neutral--800
value: '{!vf-color--neutral--800}'
meta:
friendlyName: Neutral 800
sassFunction: neutral
sassMap: 800
CSSCustomProperty: --vf-color--neutral--800
- name: vf-color--neutral--900
value: '{!vf-color--neutral--900}'
meta:
friendlyName: Neutral 900
sassFunction: neutral
sassMap: 900
CSSCustomProperty: --vf-color--neutral--900
global:
type: color
category: color