Transpile CSS with `cssnext`

package.json

@@ -1,27 +1,29 @@
 {
   "devDependencies": {
     "autoprefixer-core": "^5.2.1",
-    "babel": "^5.8.19",
-    "babel-core": "^5.8.19",
+    "babel": "^5.8.20",
+    "babel-core": "^5.8.20",
     "babel-eslint": "^4.0.5",
     "babel-loader": "^5.3.2",
-    "browser-sync": "^2.8.1",
+    "browser-sync": "^2.8.2",
     "chai": "^3.2.0",
+    "cssnext": "^1.8.2",
     "del": "^1.2.0",
-    "eslint": "^0.24.1",
-    "eslint-plugin-react": "^3.1.0",
+    "eslint": "^1.0.0",
+    "eslint-plugin-react": "^3.2.0",
     "file-loader": "^0.8.4",
     "glob": "^5.0.14",
     "gulp": "^3.9.0",
     "gulp-load-plugins": "^1.0.0-rc",
     "gulp-util": "^3.0.6",
-    "lodash": "^3.10.0",
+    "lodash": "^3.10.1",
     "minimist": "^1.1.2",
     "mkdirp": "^0.5.1",
     "mocha": "^2.2.5",
     "node-libs-browser": "^0.5.2",
     "postcss": "^4.1.16",
     "postcss-loader": "^0.5.1",
+    "postcss-nested": "^0.3.2",
     "raw-loader": "^0.5.1",
     "react": "^0.13.3",
     "react-hot-loader": "^1.2.8",
@@ -31,7 +33,7 @@
     "vinyl": "^0.5.0",
     "webpack": "^1.10.5",
     "webpack-dev-middleware": "^1.2.0",
-    "webpack-hot-middleware": "^1.1.0"
+    "webpack-hot-middleware": "^1.2.0"
   },
   "scripts": {
     "lint": "eslint src tools test",

tools/config.js

@@ -7,7 +7,6 @@
 import path from 'path';
 import minimist from 'minimist';
 import webpack from 'webpack';
-import autoprefixer from 'autoprefixer-core';
 import merge from 'lodash/object/merge';
 
 const argv = minimist(process.argv.slice(2));
@@ -81,7 +80,10 @@ const config = {
       loader: 'url-loader?limit=10000&mimetype=image/svg+xml'
     }]
   },
-  postcss: [autoprefixer(AUTOPREFIXER_BROWSERS)]
+  postcss: [
+    require('cssnext')({ browsers: AUTOPREFIXER_BROWSERS }),
+    require('postcss-nested')()
+  ]
 };
 
 // Configuration for the client-side bundle

tools/serve.js

@@ -13,8 +13,6 @@ global.watch = true;
 const config = require('./config')[0];
 const bundler = webpack(config);
 
-console.log('config.entry:', config.entry);
-
 browserSync({
   server: {
     baseDir: 'build',