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.
36 lines
1.2 KiB
36 lines
1.2 KiB
import postcss from 'postcss'; |
|
import parser from 'postcss-values-parser'; |
|
|
|
const placeMatch = /^place-(content|items|self)/; |
|
var index = postcss.plugin('postcss-place', opts => { |
|
// prepare options |
|
const preserve = 'preserve' in Object(opts) ? Boolean(opts.prefix) : true; |
|
return root => { |
|
// walk each matching declaration |
|
root.walkDecls(placeMatch, decl => { |
|
// alignment |
|
const alignment = decl.prop.match(placeMatch)[1]; // value ast and child nodes |
|
|
|
const value = parser(decl.value).parse(); |
|
const children = value.nodes[0].nodes; // new justify-[alignment] and align-[alignment] declarations |
|
|
|
const alignValue = children.length === 1 ? decl.value : String(children.slice(0, 1)).trim(); |
|
const justifyValue = children.length === 1 ? decl.value : String(children.slice(1)).trim(); |
|
decl.cloneBefore({ |
|
prop: `align-${alignment}`, |
|
value: alignValue |
|
}); |
|
decl.cloneBefore({ |
|
prop: `justify-${alignment}`, |
|
value: justifyValue |
|
}); // conditionally remove place-[alignment] |
|
|
|
if (!preserve) { |
|
decl.remove(); |
|
} |
|
}); |
|
}; |
|
}); |
|
|
|
export default index; |
|
//# sourceMappingURL=index.es.mjs.map
|
|
|