style: code font size & background

Author: xihale

assets/style.css

@@ -21,25 +21,24 @@ p:has(+ pre) {
   margin-bottom: 0;
 }
 
-p + pre {
-  margin-top: 5px;
-}
-
 pre {
   overflow: auto;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
-  padding: 4px 0;
+  padding: 4px 5px;
+  background: #8888880a;
+}
+
+pre:has(+ pre) {
+  margin-bottom: 10px;
 }
 
 pre code {
   tab-size: 4;
   -moz-tab-size: 4;
 }
+
 code {
-  font-variant-ligatures: none;
-  font-feature-settings: "liga" 0;
-  font-family: "JetBrains Mono", monospace;
+  font-family: monospace;
+  font-size: 14px;
 }
 
 .center {
@@ -86,11 +85,11 @@ body {
   margin-left: auto;
   text-align: right;
 }
-#prev-next > :first-child span::before{
+#prev-next > :first-child span::before {
   content: "←";
 }
 
-#prev-next > :last-child span::after{
+#prev-next > :last-child span::after {
   content: "→";
 }
 
@@ -100,12 +99,13 @@ a {
   display: inline-block;
 }
 
-image, img {
+image,
+img {
   max-width: 100%;
   display: block;
 }
 
-figure{
+figure {
   margin: 1rem;
 }
 
@@ -189,10 +189,10 @@ html {
 }
 
 @media screen and (max-width: 800px) {
-  .toc{
+  .toc {
     display: none;
   }
-  .article{
+  .article {
     padding-left: 0;
   }
 }
@@ -229,29 +229,30 @@ html {
     text-decoration: none;
     font-weight: bold;
   }
-    .toc{
-     display: none;
-     position: fixed;
-     top: var(--mobile-header-height);
-     left: 0;
-     right: 0;
-     bottom: 0;
-     width: auto;
-     min-width: auto;
-     padding: 8px 12px;
-     background: var(--bg);
-     z-index: 999;
-     border-top: 1px solid var(--border);
-     overflow-y: auto;
-   }
+  .toc {
+    display: none;
+    position: fixed;
+    top: var(--mobile-header-height);
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: auto;
+    min-width: auto;
+    padding: 8px 12px;
+    background: var(--bg);
+    z-index: 999;
+    border-top: 1px solid var(--border);
+    overflow-y: auto;
+  }
   body.toc-open .toc {
     display: block;
   }
-  .body{
+  .body {
     padding-left: 0;
     padding-top: calc(var(--mobile-header-height) + 8px);
   }
-  h1{
+  h1 {
     margin: 0;
   }
-}
+}
+