Variable borderRadiusSemanticConst
borderRadiusSemantic: {
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
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 }
Semantic border radius tokens.