postcss-each-decl

PostCSS helper method to shallowly iterate over each declaration.

Introduction

Ever since PostCSS 5.0, a container method called walkDecls traverses the container's descendant nodes, calling a callback function for each declaration node found. Conversely, this project exposes a simple function that shallowly iterates over a container's direct child nodes, using no recursion.

const rule = postcss.parse(`
	a {
		foo: FOO;
		bar: BAR;
		b {
			baz: BAZ;
		}
		qux: QUX;
`).first;

eachDecl(rule, decl => {
	console.log(decl.prop, decl.value);
});

The above example outputs the following:

foo FOO
bar BAR
qux QUX

Installation

$ npm install postcss-each-decl

Usage

var postcss = require('postcss');
var eachDecl = require('postcss-each-decl');

var rule = postcss.parse('a{foo:bar}').first;
eachDecl(rule, function(decl) {
	console.log(decl.prop, decl.value); // foo bar
});