docs: add code styling for inline code blocks

Daydreamer-riri · Feb 21, 2024 · 4bff853 · 4bff853
1 parent 5d76329
commit 4bff853
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/docs/src/styles/global.css b/docs/src/styles/global.css
@@ -68,3 +68,16 @@ h6:hover .header-anchor,
 h6:focus .header-anchor {
   opacity: 0.5;
 }
+
+.prose :where(code):not(:where(.not-prose, .not-prose *, pre code)) {
+  font-size: 0.9em;
+  font-weight: 400;
+  background-color: #f5f5f5cc;
+  padding: 0.2em 0.4em;
+  border-radius: 0.3em;
+}
+
+.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::before,
+.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::after {
+  content: none;
+}