postcss-utilities/lib/hide-visually.js

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

/**
 * Hide Visually
 */
module.exports = function (decl) {
    decl.replaceWith({
        prop: 'border',
        value: 0,
        source: decl.source
    }, {
        prop: 'clip',
        value: 'rect(0 0 0 0)',
        source: decl.source
    }, {
        prop: 'height',
        value: '1px',
        source: decl.source
    }, {
        prop: 'margin',
        value: '-1px',
        source: decl.source
    }, {
        prop: 'overflow',
        value: 'hidden',
        source: decl.source
    }, {
        prop: 'padding',
        value: 0,
        source: decl.source
    }, {
        prop: 'position',
        value: 'absolute',
        source: decl.source
    }, {
        prop: 'width',
        value: '1px',
        source: decl.source,
        raws: {
            semicolon: true
        }
    });
};