styles: update code styles, make .page grid container to contain code blocks

This commit is contained in:
Oscar 2019-11-18 21:37:18 +01:00
parent 0a2d6bf288
commit b39693b258
2 changed files with 28 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,23 @@
@import 'prism-themes/themes/prism-a11y-dark';
pre[class*='language-'] {
font-size: 1.1rem;
font-size: 1rem;
}
code {
background-color: #333333;
border: 1px solid black;
color: white;
padding: 0.15em;
border-radius: 0.25em;
font-size: 95%;
pre & {
border: none;
padding: 0;
border-radius: 0;
font-size: inherit;
}
}
// COLORS //
@ -167,6 +183,16 @@ th {
}
}
.page {
align-items: start;
display: grid;
grid-template-columns: 1fr;
& > * {
grid-column: 1;
}
}
.box {
background: black;
color: white;