@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.
51 lines (50 loc) • 1.92 kB
JSON
{
"ams": {
"link": {
"color": { "value": "{ams.links.color}" },
"font-family": { "value": "{ams.typography.font-family}" },
"font-weight": { "value": "{ams.typography.body-text.font-weight}" },
"outline-offset": { "value": "{ams.focus.outline-offset}" },
"hover": {
"color": { "value": "{ams.links.hover.color}" }
},
"inline": {
"text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
"text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
"font-family": { "value": "inherit" },
"font-size": { "value": "inherit" },
"line-height": { "value": "inherit" },
"hover": {
"text-decoration-thickness": {
"value": "{ams.links.hover.text-decoration-thickness}"
},
"text-underline-offset": { "value": "{ams.links.hover.text-underline-offset}" }
}
},
"standalone": {
"font-size": { "value": "{ams.typography.body-text.font-size}" },
"line-height": { "value": "{ams.typography.body-text.line-height}" },
"text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
"text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
"hover": {
"text-decoration-thickness": {
"value": "{ams.links.hover.text-decoration-thickness}"
},
"text-underline-offset": { "value": "{ams.links.hover.text-underline-offset}" }
}
},
"contrast": {
"color": { "value": "{ams.links.contrast.color}" },
"hover": {
"color": { "value": "{ams.links.contrast.hover.color}" }
}
},
"inverse": {
"color": { "value": "{ams.links.inverse.color}" },
"hover": {
"color": { "value": "{ams.links.inverse.hover.color}" }
}
}
}
}
}