mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
a87ef1a7af
* integrate styled-jsx * define styles of pages with styled-jsx * bump styled-jsx * bump styled-jsx * error-debug: fix style * bump styled-jsx * fix examples to use styled-jsx * bump styled-jsx
22 lines
390 B
JavaScript
22 lines
390 B
JavaScript
import React from 'react'
|
|
|
|
export default ({ title, children }) => (
|
|
<div className='main'>
|
|
<h1>{ title }</h1>
|
|
{ children }
|
|
<style jsx>{`
|
|
.main {
|
|
font: 15px Helvetica, Arial;
|
|
border: 1px solid #eee;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin: 10px 0;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
)
|