Override the tailwind typography inline code styles (#11)

2021-01-10 13:32:06 -05:00 · 2021-01-10 13:32:06 -05:00 · 6057aa1898
parent 7e9650c403
commit 6057aa1898
2 changed files with 12 additions and 0 deletions
--- a/src/styles/global.css
+++ b/src/styles/global.css
@ -5,3 +5,9 @@
 .kdl-section {
  @apply py-10 px-4 prose prose-xl mx-auto;
 }
+
+code {
+  background-color: #efefef;
+  padding: 0.1em 0.5em;
+  border-radius: 4px;
+}
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -9,6 +9,12 @@ module.exports = {
      typography: {
        DEFAULT: {
          css: {
+            "code::before": {
+              content: "none",
+            },
+            "code::after": {
+              content: "none",
+            },
            "pre code::after": {
              content: "none",
            },