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

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

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">
{% else %}
<script>
let style = dark ? "native" : "default";
addStyle(`https://cdn.jsdelivr.net/gh/jwarby/pygments-css@master/${style}.css`);
let style = dark ? "monokai" : "friendly";
addStyle(`https://cdn.jsdelivr.net/gh/richleland/pygments-css@master/${style}.css`);
</script>
{% endif %}

8
main/style/style.css
View File

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