Add check in gulp of CSS browser incompatibilities

diff --git a/gulp/sass.js b/gulp/sass.js
index 97fc67a1fb9a0c3383365d492200f36fbf3bb99b..912af19b9f33f1c8d1dc549d88e422f13a968262 100644 (file)
--- a/gulp/sass.js
+++ b/gulp/sass.js
@@ -9,6 +9,8 @@ var autoprefixer = require('gulp-autoprefixer');
 var plumber = require('gulp-plumber');
 var sourcemaps = require('gulp-sourcemaps');
 var sassLint = require('gulp-sass-lint');
+var doiuse = require('doiuse');
+var postcss = require('gulp-postcss');
 
 var PATHS = [
   'scss',
@@ -79,3 +81,14 @@ gulp.task('sass:audit', ['sass:foundation'], function(cb) {
     cb();
   });
 });
+
+// Check browsers incompatibilities
+gulp.task('sass:doiuse', function() {
+  return gulp.src(['_build/assets/css/foundation.css'])
+    .pipe(postcss([doiuse({
+      browsers: COMPATIBILITY,
+      onFeatureUsage: function (usageInfo) {
+        console.log(usageInfo.message)
+      }
+    })]))
+});

diff --git a/package.json b/package.json
index 8a6ae49143f28813459d83868f833fd44a04956b..902df3b74b3768ad9a8c01151e5b017773b83b02 100644 (file)
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "chalk": "^1.1.1",
     "clipboard": "^1.5.5",
     "corejs-typeahead": "corejavascript/typeahead.js",
+    "doiuse": "^2.5.0",
     "foundation-docs": "zurb/foundation-docs",
     "gulp": "^3.8.10",
     "gulp-add-src": "^0.2.0",
@@ -53,6 +54,7 @@
     "gulp-mocha": "^2.2.0",
     "gulp-newer": "^1.1.0",
     "gulp-plumber": "^1.0.1",
+    "gulp-postcss": "^6.2.0",
     "gulp-prompt": "^0.1.2",
     "gulp-rename": "^1.2.2",
     "gulp-replace": "^0.5.4",