igniteui-theming
Version:
A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.
5 lines (4 loc) • 735 B
JavaScript
//#region src/knowledge/docs/layout/functions/border-radius.md?raw
var border_radius_default = "# The border-radius() function\n\nClamps a radius value between min and max that can be configured using --ig-radius-factor with fractional values between 0 and 1.\n\n## Mechanism\nborder-radius() calculates:\nclamp(min, calc(var(--ig-radius-factor) * max), max)\n\n## Sass example (include border-radius() in your styles)\n```scss\n.my-pill {\n border-radius: border-radius(16px, 4px, 20px);\n}\n```\n\n## Configure radius factor to adjust the radius between min and max\n```css\n.my-pill {\n --ig-radius-factor: 0.8;\n}\n```\n\n## Notes\n- Works without additional mixins.\n";
//#endregion
export { border_radius_default as default };