update style

This commit is contained in:
Jack Bond-Preston 2022-11-20 15:21:42 +00:00
parent ba7e37f133
commit 6556924670
Signed by: jack
GPG Key ID: 010071F1482BA852
3 changed files with 22 additions and 42 deletions

View File

@ -46,7 +46,7 @@
position: fixed; position: fixed;
} }
@media only screen and (max-width: 1200px) { @media only screen and (max-width: 1500px) {
.wrapper { .wrapper {
grid-template-columns: 10rem auto; grid-template-columns: 10rem auto;
grid-template-rows: auto; grid-template-rows: auto;
@ -57,14 +57,13 @@
} }
.article { .article {
padding-left: 1rem; padding-left: 3rem;
padding-right: 1rem; padding-right: 1rem;
padding-top: 1rem; padding-top: 1rem;
font-size: 1rem;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 800px) {
.side { .side {
display: none; display: none;
} }
@ -75,8 +74,7 @@
} }
.article { .article {
padding: 10px; padding: 1rem;
font-size: 0.8rem;
} }
} }
</style> </style>

View File

@ -4,34 +4,6 @@ $heading-color: rgb(255, 182, 193);
$link-color: rgb(252, 169, 184); $link-color: rgb(252, 169, 184);
$inl-code-color: rgb(165, 214, 255); $inl-code-color: rgb(165, 214, 255);
@font-face {
font-family: TeXGyreCursor;
src: url('../fonts/texgyrecursor-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: TeXGyreCursor;
src: url('../fonts/texgyrecursor-bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: TeXGyreCursor;
src: url('../fonts/texgyrecursor-italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: TeXGyreCursor;
src: url('../fonts/texgyrecursor-bolditalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face { @font-face {
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-style: normal; font-style: normal;
@ -76,6 +48,10 @@ body {
padding-top: 5vh; padding-top: 5vh;
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 1.5rem; font-size: 1.5rem;
@media screen and (max-width: 600px) {
font-size: 1rem;
}
} }
h1 { h1 {
@ -95,6 +71,10 @@ a {
text-decoration: none; text-decoration: none;
} }
li {
line-height: 150%;
}
.article { .article {
p, li { p, li {
a { a {
@ -102,6 +82,10 @@ a {
text-decoration: underline; text-decoration: underline;
word-wrap: break-word; word-wrap: break-word;
} }
code {
color: #a5d6ff;
}
} }
picture img, p img { picture img, p img {
@ -114,11 +98,6 @@ a {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
p code {
font-size: 1.5rem;
color: #a5d6ff;
}
.header-link { .header-link {
display: inline-block; display: inline-block;

View File

@ -7,13 +7,16 @@ pre {
figure.highlight { figure.highlight {
margin: 0; margin: 0;
margin-left: 1.5rem; margin-left: 1.5rem;
}
.rouge-table {
display: block; display: block;
overflow-x: auto; overflow-x: auto;
} }
@media screen and (max-width: 600px) {
pre {
font-size: 0.8rem;
}
}
td.gutter { td.gutter {
padding-right: 10px; padding-right: 10px;
border-right: 3px solid rgb(252, 169, 184); border-right: 3px solid rgb(252, 169, 184);