@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.
36 lines (35 loc) • 1.37 kB
JSON
{
"ams": {
"icon": {
"font-size": { "value": "{ams.typography.body-text.font-size}" },
"line-height": { "value": "{ams.typography.body-text.line-height}" },
"small": {
"font-size": { "value": "{ams.typography.body-text.small.font-size}" },
"line-height": { "value": "{ams.typography.body-text.small.line-height}" }
},
"large": {
"font-size": { "value": "{ams.typography.body-text.large.font-size}" },
"line-height": { "value": "{ams.typography.body-text.large.line-height}" }
},
"heading-3": {
"font-size": { "value": "{ams.typography.heading.3.font-size}" },
"line-height": { "value": "{ams.typography.heading.3.line-height}" }
},
"heading-4": {
"font-size": { "value": "{ams.typography.heading.4.font-size}" },
"line-height": { "value": "{ams.typography.heading.4.line-height}" }
},
"heading-5": {
"font-size": { "value": "{ams.typography.heading.5.font-size}" },
"line-height": { "value": "{ams.typography.heading.5.line-height}" }
},
"heading-6": {
"font-size": { "value": "{ams.typography.heading.6.font-size}" },
"line-height": { "value": "{ams.typography.heading.6.line-height}" }
},
"inverse": {
"color": { "value": "{ams.color.text.inverse}" }
}
}
}
}