Variable borderRadiusConst
borderRadius: {
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 };
} = ...
Type declaration
Readonlycta: { value: "{borderRadius.full}" }
Readonlylink: { value: "{borderRadius.full}" }
Readonlymodal: { value: "{borderRadius.sm}" }
Readonlyselect: {
trigger: { value: "{borderRadius.sm}" };
list: { value: "{borderRadius.sm}" };
}
Readonlynone: { value: 0 }
Readonlyxs: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.25 } }
Readonlysm: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.5 } }
Readonlymd: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.75 } }
Readonlylg: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1 } }
Readonlyxl: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1.5 } }
Readonlyfull: { value: 99999 }
All the border radius tokens.