Skip to content

Instantly share code, notes, and snippets.

@takahiro-saeki
Last active January 25, 2017 10:17
Show Gist options
  • Save takahiro-saeki/f498e3057b33ec581f4b85f4f484978e to your computer and use it in GitHub Desktop.
Save takahiro-saeki/f498e3057b33ec581f4b85f4f484978e to your computer and use it in GitHub Desktop.
render() {
const maxWidth = '1024px';
const transition = '.5s';
return (
<div>
<Style>
{
`
body {
margin: 0;
}
a {
color: #e91e63;
text-decoration: none;
transition: ${transition};
-webkit-transition: ${transition};
}
.card {
padding: 1rem;
border: 1px solid #e91e63;
margin: 1rem;
border-radius: 1rem;
display: flex;
max-width: ${maxWidth};
transition: ${transition};
-webkit-transition: ${transition};
}
`
}
</Style>
<Header />
<Footer />
</div>
)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment