This commit is contained in:
Arian van Putten 2019-04-01 20:40:07 +02:00
parent 2e0b175c55
commit fb231abf35

30
docs/theme/main.html vendored
View File

@ -5,8 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:400,500,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <meta name="viewport" content="width=device-width, initial-scale=1">
<style> <style>
* { * {
margin: 0; margin: 0;
@ -35,8 +34,6 @@
} }
article { article {
margin-top: 1.3rem; margin-top: 1.3rem;
} }
@ -209,6 +206,9 @@
/* Navigation */ /* Navigation */
#sidebar {
padding-top: 2rem;
}
#sidebar>nav { #sidebar>nav {
grid-area: toc; grid-area: toc;
} }
@ -307,28 +307,36 @@
main { main {
grid-area: lol; grid-area: lol;
padding: 2rem; padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 4rem; padding-left: 4rem;
padding-right: 4rem; padding-right: 4rem;
} }
@media screen and (max-width: 66rem) { @media screen and (max-width: 66rem) {
#content { #content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#sidebar img {
margin: 2rem;
}
#sidebar { #sidebar {
order: 2; order: 2;
display: block; display: flex;
padding: 2rem; padding: 1rem;
padding-top: 0;
} }
#lol { #lol {
max-width: 50rem;
display: block; display: block;
overflow: inherit; overflow: inherit;
min-height: initial; min-height: initial;
order: 1 order: 1;
} }
#sidebar>img { #sidebar>img {
@ -340,6 +348,12 @@
border-right: none; border-right: none;
} }
} }
@media screen and (max-width: 33rem) {
main {
padding: 1rem;
}
}
</style> </style>
</head> </head>