style: update css for inline/block <code> element

kimminss0 · Oct 29, 2024 · f801d41 · f801d41
1 parent 246fef0
commit f801d41
Showing 1 changed file with 20 additions and 8 deletions.
diff --git a/css/default.css b/css/default.css
@@ -86,18 +86,30 @@ article .header {
 
 }
 
-:not(pre) > code {
-  background: #f5f5f5;
-  padding: 2px 4px;
-  border-radius: 3px;
-  color: #444;
+code {
+  font-size: 95%;
+  font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+  margin: 0;
+  hyphens: manual;
 }
-
 pre {
-  background: #f5f5f5;
+  margin: 1em 0;
+  background-color: #f5f5f5;
   padding: 8px 15px;
   border-radius: 5px;
-  overflow-x: auto;
+  overflow: auto;
+}
+pre code {
+  padding: 0;
+  overflow: visible;
+  overflow-wrap: normal;
+}
+.sourceCode {
+  background-color: #f5f5f5;
+  overflow: visible;
+}
+div.sourceCode {
+  border-radius: 5px;
 }
 
 img {