Inline css

gatsbyjs · May 11, 2016 · 1faecb5 · 1faecb5
1 parent c1eee90
commit 1faecb5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/html.js b/html.js
@@ -15,9 +15,9 @@ module.exports = React.createClass({
   render () {
     const title = DocumentTitle.rewind()
 
-    let cssLink
+    let css
     if (process.env.NODE_ENV === 'production') {
-      cssLink = <link rel="stylesheet" href={prefixLink('/styles.css')} />
+      css = <style dangerouslySetInnerHTML={{ __html: require('!raw!./public/styles.css') }} />
     }
 
     return (
@@ -32,7 +32,7 @@ module.exports = React.createClass({
           <title>{title}</title>
           <link rel="shortcut icon" href={this.props.favicon} />
           <TypographyStyle />
-          {cssLink}
+          {css}
         </head>
         <body>
           <div id="react-mount" dangerouslySetInnerHTML={{ __html: this.props.body }} />