From ee9ef961be92ee555df18df0c9c40095302e5aed Mon Sep 17 00:00:00 2001
From: Jacob Walton <jacob.walton@which.co.uk>
Date: Thu, 27 Aug 2015 10:06:00 +0100
Subject: [PATCH] Add autoprefixer as postcss plugin

---
 browserlist           | 3 +++
 package.json          | 2 ++
 src/book/heading.scss | 1 +
 webpack.config.js     | 4 +++-
 4 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 browserlist

diff --git a/browserlist b/browserlist
new file mode 100644
index 0000000..b9adf9a
--- /dev/null
+++ b/browserlist
@@ -0,0 +1,3 @@
+> 5% in GB
+last 2 versions
+ie > 8
diff --git a/package.json b/package.json
index ffb5734..bdc10aa 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "description": "A dummy project on how to integrate React and Webpack in a Web project",
   "devDependencies": {
+    "autoprefixer": "^5.2.0",
     "babel-core": "^5.8.22",
     "babel-loader": "^5.3.2",
     "chai": "^3.2.0",
@@ -19,6 +20,7 @@
     "karma-webpack": "^1.7.0",
     "mocha": "^2.2.5",
     "node-sass": "3.2.0",
+    "postcss-loader": "^0.6.0",
     "react": "^0.13.3",
     "react-hot-loader": "^1.2.8",
     "sass-loader": "^2.0.0",
diff --git a/src/book/heading.scss b/src/book/heading.scss
index 383e0f7..7852b62 100644
--- a/src/book/heading.scss
+++ b/src/book/heading.scss
@@ -1,6 +1,7 @@
 @import '../colour/colours.scss';
 
 h1 {
+  display: flex;
   &.blue {
     color: $blue;
   }
diff --git a/webpack.config.js b/webpack.config.js
index 107aa12..0944b6c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,5 +1,6 @@
 var path = require('path');
 var webpack = require('webpack');
+var autoprefixer = require('autoprefixer');
 
 module.exports = {
   entry: [
@@ -31,11 +32,12 @@ module.exports = {
       },
       {
         test: /\.scss$/,
-        loaders: ['style', 'css', 'sass'],
+        loaders: ['style', 'css', 'postcss', 'sass'],
         exclude: /(node_modules)/
       }
     ]
   },
+  postcss: [autoprefixer],
   devtool: 'source-map',
   devServer: {
     contentBase: 'http://localhost:5001'