feat: support syntax highlighting

1 files changed, 3 insertions, 25 deletions

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 6023273..758775e 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -66,7 +66,7 @@ blockquote {
   color: rgba(255, 255, 255, 0.75);
   font-style: italic;
 }
-code {
+code:not(pre code) {
   font-family: monospace;
   font-size: 90%;
   margin: 0;
@@ -75,25 +75,10 @@ code {
   border-radius: 4px;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
-pre {
-  margin: 1em 0;
-  overflow: auto;
-  padding: 16px 8px;
-}
-pre code {
-  overflow: visible;
-}
-.sourceCode {
-  background-color: transparent;
-  overflow: visible;
+pre div {
   border-radius: 4px;
-}
-div.sourceCode {
   border: 1px solid rgba(255, 255, 255, 0.12);
-}
-code.sourceCode {
-  padding: 0;
-  border: none;
+  background-color: #1d2021 !important;
 }
 hr {
   background-color: #1a1a1a;
@@ -134,10 +119,3 @@ header {
 #TOC a:not(:hover) {
   text-decoration: none;
 }
-code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-span.underline{text-decoration: underline;}
-div.column{display: inline-block; vertical-align: top; width: 50%;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-ul.task-list{list-style: none;}
-.display.math{display: block; text-align: center; margin: 0.5rem auto;}