@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
32 lines (30 loc) • 973 B
JavaScript
function getTransformedScaledValue(value) {
if (typeof value !== "string" || !value.includes("var(--mantine-scale)")) {
return value;
}
return value.match(/^calc\((.*?)\)$/)?.[1].split("*")[0].trim();
}
function px(value) {
const transformedValue = getTransformedScaledValue(value);
if (typeof transformedValue === "number") {
return transformedValue;
}
if (typeof transformedValue === "string") {
if (transformedValue.includes("calc") || transformedValue.includes("var")) {
return transformedValue;
}
if (transformedValue.includes("px")) {
return Number(transformedValue.replace("px", ""));
}
if (transformedValue.includes("rem")) {
return Number(transformedValue.replace("rem", "")) * 16;
}
if (transformedValue.includes("em")) {
return Number(transformedValue.replace("em", "")) * 16;
}
return Number(transformedValue);
}
return NaN;
}
export { px };
//# sourceMappingURL=px.mjs.map