mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

Make website responsive

Browse Source
This commit is contained in:
Niklas von Hertzen
2018-01-08 21:38:54 +08:00
parent a555dfc085
commit bf03cf5237
6 changed files with 140 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
www/src/templates/docs.js
View File

@@ -19,7 +19,9 @@ export default ({data}) => {
<Navigation />
<div
css={{
marginLeft: '300px',
'@media(min-width: 1000px)': {
marginLeft: '300px'
},
display: 'flex',
minHeight: '100vh',
flexDirection: 'column'
@@ -37,10 +39,23 @@ export default ({data}) => {
<div css={{maxWidth: '960px'}}>
<div css={{width: '85%', margin: '0 auto', display: 'flex'}}>
<div css={{flex: 1}}>
<h1 css={{padding: '20px 0'}}>
<h1
css={{
padding: '20px 0',
fontSize: '2.8rem',
'@media(min-width: 1000px)': {fontSize: '4.2rem'}
}}
>
{post.frontmatter.title}
</h1>
<h4 css={{fontWeight: 300, color: 'rgba(255, 255, 255, 0.6)'}}>
<h4
css={{
fontWeight: 300,
color: 'rgba(255, 255, 255, 0.6)',
fontSize: '1.8rem',
'@media(min-width: 1000px)': {fontSize: '2.28rem'}
}}
>
{post.frontmatter.description}
</h4>
</div>