Better code styling

kirillbobyrev · May 20, 2023 · 43951f5 · 43951f5
1 parent 0d8727b
commit 43951f5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -5,8 +5,12 @@
     "disqus",
     "Kirill",
     "kirillbobyrev",
+    "linenos",
+    "linenostart",
     "minimis",
     "opengraph",
-    "pubdate"
+    "pubdate",
+    "shortcode",
+    "shortcodes"
   ]
 }
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -30,7 +30,7 @@ body {
     "Segoe UI Symbol";
   margin: auto;
   max-width: 45rem;
-  padding: 1rem 2rem 1rem 2rem;
+  padding: 1rem 1.5rem 1rem 1.5rem;
   line-height: var(--line-height);
   background-color: var(--background);
   color: var(--text-color);
@@ -75,14 +75,22 @@ hr {
   color: var(--muted);
 }
 
+pre:has(code),
+p>code {
+  border: thin solid var(--muted);
+  background-color: var(--code-background) !important;
+}
+
 pre:has(code) {
   /* TODO: Add slightly more padding */
   padding: .5rem;
   overflow-x: auto;
   border-radius: 0.5rem;
-  border: thin solid var(--muted);
-  /* Hugo will generate "style" with a background, I want to override it. */
-  background-color: var(--code-background) !important;
+}
+
+p>code {
+  border-radius: 0.2rem;
+  padding: 0.05rem 0.2rem;
 }
 
 time {

diff --git a/exampleSite/content/features/markdown.md b/exampleSite/content/features/markdown.md
@@ -78,7 +78,9 @@ for more code highlighting examples.
 Some text in-between.
 
 > This is a
+>
 > multi line
+>
 > quote
 
 [^1]: My footnote reference.