Fix styling of code blocks:

- Background should be applied to <code>, not to <pre> - Should not have stripped padding from code blocks
TiBiBa · May 2, 2021 · 567ccbc · 567ccbc
1 parent e1fe2d2
commit 567ccbc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/static/css/generated.css b/static/css/generated.css
diff --git a/tailwind/styles.css b/tailwind/styles.css
@@ -92,12 +92,12 @@ h3 {
 }
 
 pre, code {
-  background: #272822 !important;
 }
 
 .markdown code {
   @apply py-2 px-3 text-base;
 }
+
 pre code {
   @apply block bg-gray-200 py-2 px-4 my-2 rounded text-base border-gray-300 border;
   @apply text-red-600;
@@ -109,14 +109,14 @@ pre {
 
 /* Code in a fenced code block (``` in MarkDown) */
 pre code {
-  padding: 0 !important;
   font-size: 100%;
   color: white;
 }
 
 /* All code (` and ```) */
 code {
   @apply font-mono inline rounded py-1 px-2;
+  background: #272822 !important;
   /* color: #ff6188; */
   /* Temporarily back to white because syntax highlighting in Ace is not implemented yet for all levels */
   color: white;