Run customizer builds through autoprefixer

diff --git a/gulp/customizer.js b/gulp/customizer.js
index e033244b58e529d36a323ebf3cbcf0fc1e0183fe..9d455cf6591998700900a7ba2f69807015a82c7e 100644 (file)
--- a/gulp/customizer.js
+++ b/gulp/customizer.js
@@ -13,6 +13,7 @@ var replace = require('gulp-replace');
 var rename = require('gulp-rename');
 var rimraf = require('rimraf');
 var sass = require('gulp-sass');
+var autoprefixer = require('gulp-autoprefixer');
 var source = require('vinyl-source-stream');
 var touch = require('touch');
 var uglify = require('gulp-uglify');
@@ -23,6 +24,11 @@ var zip = require('gulp-zip');
 var ARGS = require('yargs').argv;
 var FOUNDATION_VERSION = require('../package.json').version;
 var OUTPUT_DIR = ARGS.output || 'custom-build';
+var COMPATIBILITY = [
+  'last 2 versions',
+  'ie >= 9',
+  'and_chr >= 2.3'
+];
 var CUSTOMIZER_CONFIG;
 var MODULE_LIST;
 var VARIABLE_LIST;
@@ -60,6 +66,9 @@ gulp.task('customizer:sass', ['customizer:loadConfig'], function() {
         'node_modules/motion-ui/src'
       ]
     }))
+    .pipe(autoprefixer({
+      browsers: COMPATIBILITY
+    }))
     .pipe(gulp.dest(path.join(OUTPUT_DIR, 'css')))
     .pipe(cssnano())
     .pipe(rename('foundation.min.css'))