From c03be32b94493820f865ceaab03b2987d8da15f3 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Tue, 25 Apr 2023 03:21:05 +0200
Subject: [PATCH] some css fixes

---
 static/css/blog/post.css | 79 +++++++++++++++++++++-------------------
 1 file changed, 42 insertions(+), 37 deletions(-)

diff --git a/static/css/blog/post.css b/static/css/blog/post.css
index d612fc4..f26356e 100644
--- a/static/css/blog/post.css
+++ b/static/css/blog/post.css
@@ -92,17 +92,57 @@ footer {
 
 footer > * {
   text-transform: uppercase;
-  font-weight: bold;
   font-size: calc(var(--font-size) / 1.2);
   letter-spacing: 0.15rem;
   opacity: 0.6;
   text-decoration: none;
+  padding-bottom: 1em;
 }
 
 a:hover {
   color: var(--link-hover-color);
 }
 
+p {
+  line-height: 1.5rem;
+}
+
+hr {
+  border: 0;
+  height: 1px;
+  background: #8080802f;
+}
+
+/* Quotes */
+blockquote {
+  margin: 1em 0;
+  padding: 0.1em 10px;
+  border-left: 6px solid;
+  border-color: var(--quote-border-color);
+  background-color: var(--quote-bg-color);
+}
+
+/* Images */
+img {
+  display: block;
+  margin: auto;
+}
+
+/* Little snippet of code (not blocks) */
+kbd,
+code:not(.hljs):not(:has(svg)) {
+  background-color: var(--code-bg-color);
+  border-radius: 3px;
+  color: var(--code-font-color);
+  box-shadow: 0 1px 1px #000000;
+  display: inline-block;
+  font-size: calc(var(--font-size) / 1.2);
+  font-weight: 700;
+  line-height: 1;
+  padding: 2px 4px;
+  vertical-align: 1.5px;
+}
+
 /* Marge for numbers */
 .hljs {
   margin-inline: 0.4em;
@@ -117,6 +157,7 @@ a:hover {
 table.hljs-ln {
   overflow: hidden;
 }
+
 @media (prefers-color-scheme: light) {
   .hljs-copy-button {
     filter: invert(100%);
@@ -135,21 +176,6 @@ table.hljs-ln {
   visibility: collapse;
 }
 
-/* Little snippet of code (not blocks) */
-kbd,
-code:not(:has(:not(pre))) {
-  background-color: var(--code-bg-color);
-  border-radius: 3px;
-  color: var(--code-font-color);
-  box-shadow: 0 1px 1px #000000;
-  display: inline-block;
-  font-size: 0.85em;
-  font-weight: 700;
-  line-height: 1;
-  padding: 2px 4px;
-  vertical-align: 1.5px;
-}
-
 /* Footnotes */
 .footnotes a {
   font-family: "Segoe UI";
@@ -161,28 +187,7 @@ code:not(:has(:not(pre))) {
   text-decoration: underline dotted;
 }
 
-hr {
-  border: 0;
-  height: 1px;
-  background: #8080802f;
-}
-
-/* Quotes */
-blockquote {
-  margin: 1em 0;
-  padding: 0.1em 10px;
-  border-left: 6px solid;
-  border-color: var(--quote-border-color);
-  background-color: var(--quote-bg-color);
-}
-
 /* Mermaid diagrams */
 pre:has(code.language-mermaid) {
   text-align: center;
 }
-
-/* Images */
-img {
-  display: block;
-  margin: auto;
-}