diff --git a/Gruntfile.js b/Gruntfile.js index c592bb0913..f2a0c0cd0a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -3,6 +3,7 @@ module.exports = function(grunt) { var path = require('path'), SOURCE_DIR = 'src/', BUILD_DIR = 'build/', + autoprefixer = require('autoprefixer-core'), mediaConfig = {}, mediaBuilds = ['audiovideo', 'grid', 'models', 'views']; @@ -19,10 +20,14 @@ module.exports = function(grunt) { // Project configuration. grunt.initConfig({ - autoprefixer: { + postcss: { options: { - browsers: ['Android >= 2.1', 'Chrome >= 21', 'Explorer >= 7', 'Firefox >= 17', 'Opera >= 12.1', 'Safari >= 6.0'], - cascade: false + processors: [ + autoprefixer({ + browsers: ['Android >= 2.1', 'Chrome >= 21', 'Explorer >= 7', 'Firefox >= 17', 'Opera >= 12.1', 'Safari >= 6.0'], + cascade: false + }) + ] }, core: { expand: true, @@ -577,7 +582,7 @@ module.exports = function(grunt) { grunt.registerTask('rtl', ['rtlcss:core', 'rtlcss:colors']); // Color schemes task. - grunt.registerTask('colors', ['sass:colors', 'autoprefixer:colors']); + grunt.registerTask('colors', ['sass:colors', 'postcss:colors']); // JSHint task. grunt.registerTask( 'jshint:corejs', [ @@ -606,7 +611,7 @@ module.exports = function(grunt) { } ); grunt.registerTask( 'precommit', 'Runs front-end dev/test tasks in preparation for a commit.', [ - 'autoprefixer:core', + 'postcss:core', 'imagemin:core', 'browserify', 'jshint:corejs', diff --git a/package.json b/package.json index 9aa3a89838..711d37556c 100644 --- a/package.json +++ b/package.json @@ -9,8 +9,8 @@ "author": "The WordPress Contributors", "license": "GPL-2.0+", "devDependencies": { + "autoprefixer-core": "~5.2.1", "grunt": "~0.4.5", - "grunt-autoprefixer": "~3.0.0", "grunt-browserify": "~3.8.0", "grunt-contrib-clean": "~0.6.0", "grunt-contrib-compress": "~0.13.0", @@ -26,6 +26,7 @@ "grunt-jsvalidate": "~0.2.2", "grunt-legacy-util": "^0.2.0", "grunt-patch-wordpress": "~0.3.0", + "grunt-postcss": "~0.5.4", "grunt-rtlcss": "~1.6.0", "grunt-sass": "~1.0.0", "matchdep": "~0.3.0"