Update website styles

This commit is contained in:
Niklas von Hertzen 2018-01-08 22:21:11 +08:00
parent bf03cf5237
commit 0f01810005
4 changed files with 43 additions and 5 deletions

View File

@ -1,5 +1,5 @@
---
title: "Configuration"
title: "Options"
description: "Explore the different configuration options available for html2canvas"
previousUrl: "/getting-started"
previousTitle: "Getting Started"

View File

@ -4,14 +4,25 @@ export default () =>
<footer
css={{
backgroundColor: '#558b2f',
color: 'rgba(255,255,255,0.8)',
color: 'rgba(255,255,255, 0.8)',
fontWeight: 300,
minHeight: '50px',
lineHeight: '50px',
padding: '10px 0px'
}}
>
<div css={{margin: '0 auto', width: '85%'}}>
<div
css={{
margin: '0 auto',
fontSize: '10.5px',
textAlign: 'center',
'@media(min-width: 1000px)': {
textAlign: 'left',
width: '85%',
fontSize: '14.5px'
}
}}
>
Created by{' '}
<a href="https://hertzen.com" css={{color: '#fff', fontWeight: 'bold'}}>
Niklas von Hertzen

View File

@ -36,9 +36,22 @@ table {
border: 1px solid #ddd;
}
table tr:nth-child(odd) {
background-color: #f9f9f9;
}
th {
padding: 8px;
border: 1px solid #ddd;
border-bottom-width: 2px;
}
td {
padding: 8px;
}
th:first-child, td:first-child {
padding-left: 8px;
}
:not(pre) > code {

View File

@ -65,7 +65,14 @@ export default ({data}) => {
}
}}
>
<div>
<div
css={{
display: 'none',
'@media(min-width: 1000px)': {
display: 'block'
}
}}
>
<h4>HTML</h4>
<div
css={{marginRight: '5px'}}
@ -79,7 +86,14 @@ export default ({data}) => {
}}
/>
</div>
<div>
<div
css={{
display: 'none',
'@media(min-width: 1000px)': {
display: 'block'
}
}}
>
<h4>JavaScript</h4>
<div
css={{marginLeft: '5px'}}