bem-tools-autoprefixer

bem-tools-autoprefixer

bem-tools extention to use autoprefixer during building process.

Usage

Install with npm:

› npm install bem-tools-autoprefixer

Configure your project's .bem/make.js to use bem-tools-autoprefixer:

// .bem/make.js

require('bem-tools-autoprefixer').extendMake(MAKE);

MAKE.decl('BundleNode', {

    getTechs : function() {
        return ['bemdecl.js', 'deps.js', 'css', 'prefix.css'];
    },

    'create-prefix.css-node' : function(tech, bundle, magic) {
        return this.createDefaultTechNode.call(this, 'css', bundle, magic);
    },

    'create-prefix.css-optimizer-node' : function(tech, sourceNode, bundle) {
        var borschikCss = this['create-css-optimizer-node'];
        return borschikCss.apply(this, arguments).map(function(source) {
            var node = this.createAutoprefixerNode(tech, source, bundle);
            return borschikCss.call(this, tech, node, bundle);
        }, this);
    }

});

Settings

You can set browser you want to support in your project.

// make.js

MAKE.decl('AutoprefixerNode', {

    getBrowsers : function() {
        return [
            'last 2 versions',
            'firefox >= 20',
            'android 4'
        ];
    }

});

See autoprefixer browsers documentation for more.

--

Autoprefixer parse CSS and add vendor prefixes to CSS rules using values from the Can I Use.