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" description: "Explore the different configuration options available for html2canvas"
previousUrl: "/getting-started" previousUrl: "/getting-started"
previousTitle: "Getting Started" previousTitle: "Getting Started"

View File

@ -4,14 +4,25 @@ export default () =>
<footer <footer
css={{ css={{
backgroundColor: '#558b2f', backgroundColor: '#558b2f',
color: 'rgba(255,255,255,0.8)', color: 'rgba(255,255,255, 0.8)',
fontWeight: 300, fontWeight: 300,
minHeight: '50px', minHeight: '50px',
lineHeight: '50px', lineHeight: '50px',
padding: '10px 0px' 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{' '} Created by{' '}
<a href="https://hertzen.com" css={{color: '#fff', fontWeight: 'bold'}}> <a href="https://hertzen.com" css={{color: '#fff', fontWeight: 'bold'}}>
Niklas von Hertzen Niklas von Hertzen

View File

@ -36,9 +36,22 @@ table {
border: 1px solid #ddd; border: 1px solid #ddd;
} }
table tr:nth-child(odd) {
background-color: #f9f9f9;
}
th { th {
padding: 8px; padding: 8px;
border: 1px solid #ddd; border: 1px solid #ddd;
border-bottom-width: 2px;
}
td {
padding: 8px;
}
th:first-child, td:first-child {
padding-left: 8px;
} }
:not(pre) > code { :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> <h4>HTML</h4>
<div <div
css={{marginRight: '5px'}} css={{marginRight: '5px'}}
@ -79,7 +86,14 @@ export default ({data}) => {
}} }}
/> />
</div> </div>
<div> <div
css={{
display: 'none',
'@media(min-width: 1000px)': {
display: 'block'
}
}}
>
<h4>JavaScript</h4> <h4>JavaScript</h4>
<div <div
css={{marginLeft: '5px'}} css={{marginLeft: '5px'}}