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

Fix Fela example (#1663)

Browse source 
* Fix Fela example

Styles must be set via the innerHTML. Otherwise, a fontFamily "Segoe
UI” will have encoded quotes.

* Add example

Which didn’t work previously.

* Fix lint
This commit is contained in:
Daniel Steigerwald 2017-04-22 15:09:35 +02:00 committed by Tim Neutkens
parent 85342002e8
commit 2a14d32235
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
examples/with-fela/pages/_document.js
View file

@ -20,7 +20,10 @@ export default class MyDocument extends Document {
<html> <html>
<Head> <Head>
<title>My page</title> <title>My page</title>
<style id='fela-stylesheet'>{this.props.css}</style> <style
dangerouslySetInnerHTML={{ __html: this.props.css }}
id='fela-stylesheet'
/>
</Head> </Head>
<body> <body>
<Main /> <Main />

1
examples/with-fela/pages/index.js
View file

@ -2,6 +2,7 @@ import { createComponent } from 'react-fela'
import Page from '../layout' import Page from '../layout'
const title = ({ size }) => ({ const title = ({ size }) => ({
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
fontSize: size + 'px', fontSize: size + 'px',
color: 'red' color: 'red'
}) })