@amsterdam/design-system-tokens
Version:
All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.
39 lines (38 loc) • 912 B
JSON
{
"ams": {
"page": {
"background-color": {
"$value": "{ams.color.background.body}",
"$extensions": {
"nl.amsterdam.type": "color"
}
},
"max-inline-size": {
"$value": {
"value": 90,
"unit": "rem"
},
"$type": "dimension"
},
"with-menu": {
"max-inline-size": {
"$value": {
"value": 120,
"unit": "rem"
},
"$type": "dimension"
},
"area-skip-link": {
"margin-inline-end": {
"$value": "{ams.grid.padding-inline}",
"$extensions": {
"nl.amsterdam.hint": "Must be the Grid inline padding, to make sure Skip Link and Grid line up.",
"nl.amsterdam.type": "dimension",
"nl.amsterdam.subtype": "space"
}
}
}
}
}
}
}