terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

update styletron example to support multiple stylesheets (#763)

Browse source
This commit is contained in:
Shawn Kelly 2017-01-13 17:49:35 -06:00 committed by Guillermo Rauch
parent 23cddda9cf
commit 5ef34c6dd8
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
examples/with-styletron/pages/_document.js
View file

@ -5,8 +5,8 @@ export default class MyDocument extends Document {
static getInitialProps ({ renderPage }) { static getInitialProps ({ renderPage }) {
const page = renderPage() const page = renderPage()
const styletron = flush() const styletron = flush()
const css = styletron ? styletron.getCss() : null const stylesheets = styletron ? styletron.getStylesheets() : []
return { ...page, css } return { ...page, stylesheets }
} }
render () { render () {
@ -14,7 +14,14 @@ export default class MyDocument extends Document {
<html> <html>
<Head> <Head>
<title>My page</title> <title>My page</title>
<style className='_styletron_hydrate_' dangerouslySetInnerHTML={{ __html: this.props.css }} /> {this.props.stylesheets.map((sheet, i) => (
<style
className="_styletron_hydrate_"
dangerouslySetInnerHTML={{ __html: sheet.css }}
media={sheet.media || ''}
key={i}
/>
))}
</Head> </Head>
<body> <body>
<Main /> <Main />