From b8fb3c75ee0abbbcfa15269a061d164c0b887c4b Mon Sep 17 00:00:00 2001 From: wpioneer Date: Mon, 6 Jun 2016 18:01:16 +0300 Subject: [PATCH] Added vendor prefixes --- gatsby-node.js | 6 +++++- html.js | 19 +++---------------- 2 files changed, 8 insertions(+), 17 deletions(-) diff --git a/gatsby-node.js b/gatsby-node.js index 8889798..30b78c5 100644 --- a/gatsby-node.js +++ b/gatsby-node.js @@ -1,11 +1,15 @@ var rucksack = require('rucksack-css') +var autoprefixer = require('autoprefixer') var lost = require("lost") exports.modifyWebpackConfig = function(config, env) { config.merge({ postcss: [ lost(), - rucksack() + rucksack(), + autoprefixer({ + browsers: ['>1%', 'ie >= 10', 'safari >= 6', 'last 3 versions'] + }) ] }) diff --git a/html.js b/html.js index dac0abc..ee32e26 100644 --- a/html.js +++ b/html.js @@ -12,20 +12,7 @@ module.exports = React.createClass({ render() { const {body, route} = this.props const title = DocumentTitle.rewind() - - const font = ` - WebFontConfig = { - google: { families: [ 'Roboto:400,500,700:latin,cyrillic' ] } - }; - (function() { - var wf = document.createElement('script'); - wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; - wf.type = 'text/javascript'; - wf.async = 'true'; - var s = document.getElementsByTagName('script')[0]; - s.parentNode.insertBefore(wf, s); - })(); - ` + const font = let css if (process.env.NODE_ENV === 'production') { css =