diff --git a/client/assets/scss/main.scss b/client/assets/scss/main.scss index d90879e..25b126c 100644 --- a/client/assets/scss/main.scss +++ b/client/assets/scss/main.scss @@ -88,6 +88,7 @@ hr { display: flex; flex: 1; justify-content: center; + align-items: center; } .btn { diff --git a/package.json b/package.json index 0788873..96412e7 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "build": "webpack && babel-node metadata.js", "c9": "webpack-dev-server --port $PORT --host $IP --hot --content-base dist --history-api-fallback", "check_gzip_size": "gzip -9 -c ./public/client.min.js | wc -c | numfmt --to=iec-i --suffix=B --padding=10", - "deploy" : "npm run get_dependencies && npm run prod && ./mywebsite", + "deploy": "npm run get_dependencies && npm run prod && ./mywebsite", "dev": "webpack-dev-server --content-base public --inline --hot --history-api-fallback", "get_dependencies": "go get ./server && npm install", "prod": "export NODE_ENV=production && webpack -p && babel-node metadata.js && go build ./server/mywebsite.go", @@ -25,6 +25,7 @@ }, "homepage": "https://github.com/mgerb/mywebsite#readme", "dependencies": { + "autoprefixer": "^6.4.1", "babel": "^6.5.2", "babel-cli": "^6.11.4", "babel-core": "^6.13.2", @@ -45,6 +46,7 @@ "marked": "^0.3.6", "ncp": "^2.0.0", "node-sass": "^3.8.0", + "postcss-loader": "^0.13.0", "react": "^15.3.0", "react-dom": "^15.3.0", "react-redux": "^4.4.5", diff --git a/webpack.config.js b/webpack.config.js index 3b6726a..447595f 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -2,6 +2,7 @@ var debug = process.env.NODE_ENV !== "production"; var webpack = require('webpack'); var path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); +var autoprefixer = require('autoprefixer'); module.exports = { devtool: debug ? "inline-sourcemap" : null, @@ -17,7 +18,7 @@ module.exports = { plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'], } }, - { test: /\.scss$/, loader: "style-loader!css-loader!sass-loader"}, + { test: /\.scss$/, loader: "style-loader!css-loader!postcss-loader!sass-loader"}, { test: /\.css$/, loader: "style-loader!css-loader" }, { test: /\.png$/, loader: "url-loader?limit=100000&name=images/[hash].[ext]" }, { test: /\.jpg$/, loader: "url-loader?limit=100000&name=images/[hash].[ext]" }, @@ -32,6 +33,7 @@ module.exports = { } ] }, + postcss: function(){ return [autoprefixer]}, output: { path: __dirname + "/public/", publicPath: "/public/",