Ellpeck/Web
1
0
Fork 0
Code Issues Pull requests Actions Releases Activity

improved styling of code in blog posts
All checks were successful
Web/pipeline/head This commit looks good
Details

Browse source
This commit is contained in:
Ell 2021-11-11 03:05:33 +01:00
parent 28e938feb6
commit 1be224b23d
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
main/_layouts/blog.html
View file

@ -7,8 +7,8 @@ nav: nav/blognav.html
<link rel="stylesheet" href="/style/book.css"> <link rel="stylesheet" href="/style/book.css">
{% else %} {% else %}
<script> <script>
let style = dark ? "native" : "default"; let style = dark ? "monokai" : "friendly";
addStyle(`https://cdn.jsdelivr.net/gh/jwarby/pygments-css@master/${style}.css`); addStyle(`https://cdn.jsdelivr.net/gh/richleland/pygments-css@master/${style}.css`);
</script> </script>
{% endif %} {% endif %}

8
main/style/style.css
View file

@ -226,6 +226,14 @@ blockquote {
overflow: auto; overflow: auto;
} }
.highlight {
border-radius: 10px;
}
pre.highlight {
padding: 15px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.container { .container {
max-width: none; max-width: none;