transforms css values into the tree
var parser = require('postcss-value-parser');
/*{
nodes: [
type: 'function',
value: 'rgba',
nodes: [
{ type: 'word', value: '233' },
{ type: 'div', value: ',', before: '', after: ' ' },
{ type: 'word', value: '45' },
{ type: 'div', value: ',', before: '', after: ' ' },
{ type: 'word', value: '66' },
{ type: 'div', value: ',', before: ' ', after: '' },
{ type: 'word', value: '.5' }
]
]
}*/
parser('rgba(233, 45, 66 ,.5)')
.walk('rgba', function (fn) {
var color = fn.filter(function (node) {
return node.type === 'word';
}); // [233, 45, 66, .5]
fn.type = 'word';
fn.value = convertToHex(color);
})
.toString();
// #E92D42
var parser = require('postcss-value-parser');
Returns parsed value
// .2rem
{
number: '.2',
unit: 'rem'
}
Returns parsed tree
Root nodes list
Stringify tree to the value
-
name
value filter cb(node, index, nodes)
-
reverse
walk to the deepest functions firstly
MIT © Bogdan Chadkin