unocss-preset-grid-areas
Version:
Grid Areas Preset for UnoCSS
35 lines (34 loc) • 1.55 kB
JavaScript
function g(a) {
const t = (e) => {
var r, i;
return (r = a == null ? void 0 : a.gridTemplateAreas) != null && r[e] ? (i = a == null ? void 0 : a.gridTemplateAreas) == null ? void 0 : i[e].map((d) => `"${d}"`).join(`
`) : "";
};
return {
name: "unocss-preset-grid-areas",
rules: [
["grid-areas-none", { "grid-template-areas": "none" }],
["grid-areas-inherit", { "grid-template-areas": "inherit" }],
["grid-areas-initial", { "grid-template-areas": "initial" }],
["grid-areas-revert", { "grid-template-areas": "revert" }],
["grid-areas-revert-layer", { "grid-template-areas": "revert-layer" }],
["grid-areas-unset", { "grid-template-areas": "unset" }],
["grid-in-auto", { "grid-area": "auto" }],
["grid-in-inherit", { "grid-area": "inherit" }],
["grid-in-initial", { "grid-area": "initial" }],
["grid-in-revert", { "grid-area": "revert" }],
["grid-in-revert-layer", { "grid-area": "revert-layer" }],
["grid-in-unset", { "grid-area": "unset" }],
[/^grid-in-(.+)$/, ([e, r]) => ({ "grid-area": `${r}` })],
[/^row-start-(.+)$/, ([e, r]) => ({ "grid-row-start": `${r}-start` })],
[/^row-end-(.+)$/, ([e, r]) => ({ "grid-row-end": `${r}-end` })],
[/^col-start-(.+)$/, ([e, r]) => ({ "grid-column-start": `${r}-start` })],
[/^col-end-(.+)$/, ([e, r]) => ({ "grid-column-end": `${r}-end` })],
[/^grid-areas-(.*)$/, ([e, r]) => ({ "grid-template-areas": t(r) })]
]
};
}
export {
g as default,
g as presetGridAreas
};