waylon/gatsby-starter-blog-forestry
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Put some global css in external file

Browse source
This commit is contained in:
Kyle Mathews 2016-02-21 18:37:37 -08:00
parent d70ecc146e
commit 9482c3f810
2 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/styles.css
View file

@ -1,3 +1,16 @@
body {
color: rgb(66,66,66);
}
h1,h2,h3,h4,h5,h6 {
color: rgb(44,44,44);
}
a {
color: rgb(42,93,173);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
blockquote { blockquote {
padding-left: 16.875px; padding-left: 16.875px;
border-left: 6px solid lightgray; border-left: 6px solid lightgray;

26
html.js
View file

@ -11,6 +11,11 @@ export default class Html extends React.Component {
title = this.props.title title = this.props.title
} }
let cssLink
if (process.env.NODE_ENV === 'production') {
cssLink = <link rel="stylesheet" href={link('/styles.css')} />
}
return ( return (
<html lang="en"> <html lang="en">
<head> <head>
@ -23,26 +28,7 @@ export default class Html extends React.Component {
<title>{this.props.title}</title> <title>{this.props.title}</title>
<link rel="shortcut icon" href={favicon} /> <link rel="shortcut icon" href={favicon} />
<TypographyStyle/> <TypographyStyle/>
<style {cssLink}
dangerouslySetInnerHTML={{
__html:
`
body {
color: rgb(66,66,66);
}
h1,h2,h3,h4,h5,h6 {
color: rgb(44,44,44);
}
a {
color: rgb(42,93,173);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
`,
}}
/>
</head> </head>
<body className="landing-page"> <body className="landing-page">
<div id="react-mount" dangerouslySetInnerHTML={{ __html: body }} /> <div id="react-mount" dangerouslySetInnerHTML={{ __html: body }} />