@open-formulieren/design-tokens
Version:
Design tokens for Open Forms
45 lines (44 loc) • 1.44 kB
JSON
{
"of": {
"progress-indicator": {
"background-color": {"value": "{of.color.bg}"},
"inset-block-start": {"value": "{of.app.grid-column-gap}"},
"mobile": {
"box-shadow": {"value": "0px 0px 2px 0px rgba(0, 0, 0, 0.2)"},
"padding-block-end": {"value": "15px"},
"padding-block-start": {"value": "15px"},
"padding-inline-end": {"value": "15px"},
"padding-inline-start": {"value": "15px"}
},
"mobile-header": {
"color": {"value": "inherit"},
"font-family": {"value": "{of.typography.sans-serif.font-family}"},
"font-size": {"value": "1.125rem"},
"gap": {"value": "0px"},
"icon": {
"flex-basis": {"value": "30px"}
},
"line-height": {"value": "1.1333"}
},
"nav": {
"gap": {
"comment": "Spacing between title and link list.",
"value": "20px"
},
"mobile": {
"list": {
"gap": {"value": "15px"}
},
"padding-block-end": {"value": "15px"},
"padding-block-start": {"value": "15px"},
"padding-inline-end": {"value": "15px"},
"padding-inline-start": {"value": "15px"}
}
},
"padding-block-end": {"value": "40px"},
"padding-block-start": {"value": "40px"},
"padding-inline-end": {"value": "40px"},
"padding-inline-start": {"value": "40px"}
}
}
}