Skip to main content
Go to Latest
File
import Declaration from "../declaration.js";import * as utils from "./grid-utils.js";
class GridArea extends Declaration { /** * Translate grid-area to separate -ms- prefixed properties */ insert(decl, prefix, prefixes, result) { if (prefix !== "-ms-") return super.insert(decl, prefix, prefixes);
let values = utils.parse(decl);
let [rowStart, rowSpan] = utils.translate(values, 0, 2); let [columnStart, columnSpan] = utils.translate(values, 1, 3); [ ["grid-row", rowStart], ["grid-row-span", rowSpan], ["grid-column", columnStart], ["grid-column-span", columnSpan], ].forEach(([prop, value]) => { utils.insertDecl(decl, prop, value); });
utils.warnTemplateSelectorNotFound(decl, result); utils.warnIfGridRowColumnExists(decl, result);
return undefined; }}
GridArea.names = ["grid-area"];
export default GridArea;