@corejam/core-components/app/utils/transform/spacing/margin.ts

Corejam - Core Components

export default {
  property: (property) => {
    if (property.includes("mt")) return "margin-top";
    if (property.includes("mr")) return "margin-right";
    if (property.includes("mb")) return "margin-bottom";
    if (property.includes("ml")) return "margin-left";
    if (property.includes("mx")) return ["margin-left", "margin-right"];
    if (property.includes("my")) return ["margin-top", "margin-bottom"];
    return "margin";
  },
  transform(value) {
    const propertyValues = ["auto", "initial", "inherit"];
    if (propertyValues.includes(value)) return value;
    return `calc(var(--cj-box-multiplier, 0.25) * ${value}rem)`;
  },
};