mirror of
https://github.com/niklasvh/html2canvas.git
synced 2023-08-10 21:13:10 +03:00
Update website styles
This commit is contained in:
parent
bf03cf5237
commit
0f01810005
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: "Configuration"
|
||||
title: "Options"
|
||||
description: "Explore the different configuration options available for html2canvas"
|
||||
previousUrl: "/getting-started"
|
||||
previousTitle: "Getting Started"
|
||||
|
@ -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
|
||||
|
@ -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 {
|
||||
|
@ -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'}}
|
||||
|
Loading…
Reference in New Issue
Block a user