@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
52 lines • 1.64 kB
JavaScript
import { getStyle } from "./utils";
const borderRadiusSetting = getStyle("--border-radius-setting") || "round";
const borderRadiusMap = {
round: {
none: 0,
sm: "0.125rem",
base: "0.25rem",
md: "0.375rem",
lg: "0.5rem",
xl: "0.75rem",
"2xl": "1rem",
"3xl": "1.5rem",
full: "9999px",
btn: "9999px",
},
square: {
none: 0,
sm: 0,
base: 0,
md: 0,
lg: 0,
xl: 0,
"2xl": 0,
"3xl": 0,
full: "9999px",
btn: 0,
},
normal: {
none: 0,
sm: "0.0625rem",
base: "0.125rem",
md: "0.25rem",
lg: "0.375rem",
xl: "0.5rem",
"2xl": "0.75rem",
"3xl": "1rem",
full: "9999px",
btn: "0.25rem",
},
};
export const borderRadiusSm = borderRadiusMap[borderRadiusSetting].sm;
export const borderRadiusBase = borderRadiusMap[borderRadiusSetting].base;
export const borderRadiusMd = borderRadiusMap[borderRadiusSetting].md;
export const borderRadiusLg = borderRadiusMap[borderRadiusSetting].lg;
export const borderRadiusXl = borderRadiusMap[borderRadiusSetting].xl;
export const borderRadius2xl = borderRadiusMap[borderRadiusSetting]["2xl"];
export const borderRadius3xl = borderRadiusMap[borderRadiusSetting]["3xl"];
export const borderRadiusFull = borderRadiusMap[borderRadiusSetting].full;
export const btnBorderRadius = borderRadiusMap[borderRadiusSetting].btn;
export const baseBorderRadius = borderRadiusMap[borderRadiusSetting].md;
export const borderRadiusNone = 0;
//# sourceMappingURL=borderRadius.js.map