postcss-utilities/lib/reset-list.js

PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS

/**
 * Reset List
 */
module.exports = function (decl) {
    var parentDecl = decl.parent;

    var newRule;
    var ruleSelectors = parentDecl.selectors;

    ruleSelectors = ruleSelectors.map(function (ruleSelector) {
        return ruleSelector + ' li';
    }).join(',\n');

    // Insert the :after rule before the original rule
    newRule = parentDecl.cloneAfter({
        selector: ruleSelectors
    }).removeAll();

    newRule.append({
        prop: 'list-style',
        value: 'none',
        source: decl.source
    });

    decl.replaceWith({
        prop: 'margin-top',
        value: 0,
        source: decl.source
    }, {
        prop: 'margin-bottom',
        value: 0,
        source: decl.source
    }, {
        prop: 'padding-left',
        value: 0,
        source: decl.source
    });
};