diff --git a/packages/learn/src/head/index.js b/packages/learn/src/head/index.js
index a851780487..897c6ce9dd 100644
--- a/packages/learn/src/head/index.js
+++ b/packages/learn/src/head/index.js
@@ -1,11 +1,10 @@
import favicons from './favicons';
import meta from './meta';
-import styleSheets from './styleSheets';
import mathjax from './mathjax';
import sassjs from './sassjs';
const metaAndStyleSheets = meta
- .concat(favicons, styleSheets, mathjax, sassjs)
+ .concat(favicons, mathjax, sassjs)
.map((element, i) => ({ ...element, key: `meta-stylesheet-${i}` }));
export default metaAndStyleSheets;
diff --git a/packages/learn/src/head/preloads.js b/packages/learn/src/head/preloads.js
index da6f22afa9..f3c4647cb3 100644
--- a/packages/learn/src/head/preloads.js
+++ b/packages/learn/src/head/preloads.js
@@ -2,12 +2,15 @@ import React from 'react';
import styleSheets from './styleSheets';
const preloads = styleSheets.map((styleSheet, i) => (
-
+
+
+ {styleSheet}
+
));
export default preloads;
diff --git a/packages/learn/src/html.js b/packages/learn/src/html.js
index 6d4ea869b5..29314b4485 100644
--- a/packages/learn/src/html.js
+++ b/packages/learn/src/html.js
@@ -3,15 +3,6 @@ import PropTypes from 'prop-types';
import preloads from './head/preloads';
-let stylesStr;
-if (process.env.NODE_ENV === 'production') {
- try {
- stylesStr = require('!raw-loader!../public/styles.css');
- } catch (e) {
- console.log(e);
- }
-}
-
// These props are coming from Gatsby, we shouldn't have to worry about them
const propTypes = {
body: PropTypes.any,
@@ -31,21 +22,11 @@ function HTML(props) {
preBodyComponents,
postBodyComponents
} = props;
- let css;
- if (process.env.NODE_ENV === 'production') {
- css = (
-
- );
- }
return (
{preloads}
{headComponents}
- {css}
{preBodyComponents}