const borderRadius: { badge: { value: "{borderRadius.full}"; }; banner: { value: "{borderRadius.lg}"; }; cta: { value: "{borderRadius.full}"; }; input: { value: "{borderRadius.sm}"; }; link: { value: "{borderRadius.full}"; }; modal: { value: "{borderRadius.sm}"; }; select: { trigger: { value: "{borderRadius.sm}"; }; list: { value: "{borderRadius.sm}"; }; }; none: { value: 0; }; xs: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.25; }; }; sm: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.5; }; }; md: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.75; }; }; lg: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1; }; }; xl: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1.5; }; }; full: { value: 99999; }; };
badge
value
"{borderRadius.full}"
badge.value
banner
"{borderRadius.lg}"
banner.value
cta
cta.value
input
"{borderRadius.sm}"
input.value
link
link.value
modal
modal.value
select
trigger
list
select.trigger
select.trigger.value
select.list
select.list.value
none
0
none.value
xs
"{font.size.base}"
modify
type
"multiply"
0.25
xs.value
xs.modify
xs.modify.type
xs.modify.value
sm
0.5
sm.value
sm.modify
sm.modify.type
sm.modify.value
md
0.75
md.value
md.modify
md.modify.type
md.modify.value
lg
1
lg.value
lg.modify
lg.modify.type
lg.modify.value
xl
1.5
xl.value
xl.modify
xl.modify.type
xl.modify.value
full
99999
full.value
Was this page helpful?