From 6057aa1898d64220973d79ffbe1eaf23f2705a91 Mon Sep 17 00:00:00 2001
From: Scott Trinh <scott@scotttrinh.com>
Date: Sun, 10 Jan 2021 13:32:06 -0500
Subject: [PATCH] Override the tailwind typography inline code styles (#11)

---
 src/styles/global.css | 6 ++++++
 tailwind.config.js    | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index a9e0955..5b50095 100644
--- 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;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 150993e..426f890 100644
--- 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",
             },