Remove backticks around inline code fragments (#625)

* Remove backticks around inline code fragments By default, TailwindCSS surrounds inline code with backticks. In order to have a more GitHub-like experience, as suggested by @MisterDA in #612 the tailwind configuration needs to be changed as explained here: tailwindlabs/tailwindcss-typography#18 Co-authored-by: Cuihtlauac ALVARADO <[email protected]> Co-authored-by: Thibaut Mattio <[email protected]>
ocaml · Nov 15, 2022 · d66c8bb · d66c8bb
1 parent 10cba52
commit d66c8bb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/asset/css/doc.css b/asset/css/doc.css
@@ -18,11 +18,6 @@ div.odoc-include .spec {
   margin-top: 1rem /* 16px */;
 }
 
-div.odoc div.spec code::before,
-div.odoc div.spec code::after {
-  content: "";
-}
-
 div.odoc div.spec code {
   white-space: pre-wrap;
 }
@@ -135,14 +130,6 @@ div.odoc div.spec tbody tr {
   border-width: 0px;
 }
 
-div.odoc code::before {
-  content: "";
-}
-
-div.odoc code::after {
-  content: "";
-}
-
 div.odoc td.def-doc .comment-delim {
   height: 0;
   display: block;

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -5,6 +5,18 @@ module.exports = {
   darkMode: 'class',
   theme: {
     extend: {
+      typography: {
+        DEFAULT: {
+          css: {
+            'code::before': {
+              content: '""',
+            },
+            'code::after': {
+              content: '""',
+            },
+          }
+        }
+      },
       maxWidth: {
         '8xl': '90rem',
       },