Wondering what’s next for npm?Check out our public roadmap! »

    postcss-each-decl

    1.0.2 • Public • Published

    postcss-each-decl

    NPM version npm license Travis Build Status AppVeyor Build Status

    npm

    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
    });

    Install

    npm i postcss-each-decl

    DownloadsWeekly Downloads

    558

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • avatar