From fcb1280c20adaf1459eb01605acf4ba16b754498 Mon Sep 17 00:00:00 2001
From: lqdev <liquidev@tutanota.com>
Date: Sun, 3 Sep 2023 12:09:37 +0200
Subject: [PATCH] give snippets some visual separation

---
 static/css/main.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 6f57ba9..47b5af5 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -173,6 +173,12 @@ body {
 
 /* Make code examples a little prettier by giving them visual separation from the rest of the page */
 
+code {
+    padding: 3px 4px;
+    background-color: var(--shaded-background);
+    border-radius: 4px;
+}
+
 pre {
     padding: 8px 12px;
     margin: 12px 0;
@@ -180,6 +186,11 @@ pre {
     border-radius: 8px;
 }
 
+pre>code {
+    background: none;
+}
+
+
 /* And don't let code examples fly off and overflow the window */
 
 pre {