@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
66 lines (65 loc) • 1.35 kB
JavaScript
// src/utilities.ts
var mxi = {
mxi: {
className: "margin-inline-start-end",
values: "spacing",
transform(value) {
return {
marginInlineStart: value,
marginInlineEnd: value
};
}
}
};
var pxi = {
pxi: {
className: "padding-inline-start-end",
values: "spacing",
transform(value) {
return {
paddingInlineStart: value,
paddingInlineEnd: value
};
}
}
};
var cerberusGradient = {
cerberusGradient: {
className: "cerberus-gradient",
values: ["green", "blue", "purple"],
shorthand: "cerbGradient",
transform(value) {
const color = "#21143B";
switch (value) {
case "purple":
return {
color,
backgroundImage: "linear-gradient(to bottom left, #EFE5F8, #BB93E1)"
};
case "blue":
return {
color,
backgroundImage: "linear-gradient(to bottom left, #E6F3FB, #9ACFEE)"
};
case "green":
return {
color,
backgroundImage: "linear-gradient(to bottom left, #E8F8ED, #71D192)"
};
default:
break;
}
}
}
};
var utilities = {
extend: {
...mxi,
...pxi,
...cerberusGradient
}
};
export {
utilities
};
//# sourceMappingURL=chunk-5DEN3ZRM.js.map