You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
891 B
34 lines
891 B
let Declaration = require('../declaration') |
|
let utils = require('./grid-utils') |
|
|
|
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'] |
|
|
|
module.exports = GridArea
|
|
|