summaryrefslogtreecommitdiff
path: root/node_modules/autoprefixer/lib/hacks/grid-template.js
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/autoprefixer/lib/hacks/grid-template.js')
-rw-r--r--node_modules/autoprefixer/lib/hacks/grid-template.js69
1 files changed, 69 insertions, 0 deletions
diff --git a/node_modules/autoprefixer/lib/hacks/grid-template.js b/node_modules/autoprefixer/lib/hacks/grid-template.js
new file mode 100644
index 0000000..4e28637
--- /dev/null
+++ b/node_modules/autoprefixer/lib/hacks/grid-template.js
@@ -0,0 +1,69 @@
+let Declaration = require('../declaration')
+let {
+ getGridGap,
+ inheritGridGap,
+ parseTemplate,
+ warnGridGap,
+ warnMissedAreas
+} = require('./grid-utils')
+
+class GridTemplate extends Declaration {
+ /**
+ * Translate grid-template to separate -ms- prefixed properties
+ */
+ insert(decl, prefix, prefixes, result) {
+ if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)
+
+ if (decl.parent.some(i => i.prop === '-ms-grid-rows')) {
+ return undefined
+ }
+
+ let gap = getGridGap(decl)
+
+ /**
+ * we must insert inherited gap values in some cases:
+ * if we are inside media query && if we have no grid-gap value
+ */
+ let inheritedGap = inheritGridGap(decl, gap)
+
+ let { areas, columns, rows } = parseTemplate({
+ decl,
+ gap: inheritedGap || gap
+ })
+
+ let hasAreas = Object.keys(areas).length > 0
+ let hasRows = Boolean(rows)
+ let hasColumns = Boolean(columns)
+
+ warnGridGap({
+ decl,
+ gap,
+ hasColumns,
+ result
+ })
+
+ warnMissedAreas(areas, decl, result)
+
+ if ((hasRows && hasColumns) || hasAreas) {
+ decl.cloneBefore({
+ prop: '-ms-grid-rows',
+ raws: {},
+ value: rows
+ })
+ }
+
+ if (hasColumns) {
+ decl.cloneBefore({
+ prop: '-ms-grid-columns',
+ raws: {},
+ value: columns
+ })
+ }
+
+ return decl
+ }
+}
+
+GridTemplate.names = ['grid-template']
+
+module.exports = GridTemplate