postcss-utilities/lib/clearfix.js

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

/**
 * Clear Fix
 */
module.exports = function (decl) {
    var parentDecl = decl.parent,
        ruleSelectors = parentDecl.selectors,
        newRule;

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

    newRule = parentDecl.cloneAfter({
        selector: ruleSelectors
    }).removeAll();

    newRule.append({
        prop: 'content',
        value: '\'\'',
        source: decl.source
    }, {
        prop: 'display',
        value: 'block',
        source: decl.source
    }, {
        prop: 'clear',
        value: 'both',
        source: decl.source
    }, {
        prop: 'visibility',
        value: 'hidden',
        source: decl.source
    });

    if (decl.prev() === undefined && decl.next() === undefined) {
        parentDecl.remove();
    } else {
        decl.remove();
    }
};