From 7ac31efce789f364337af25435aaeebd5f76158d Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 30 Jul 2020 12:33:41 -0500
Subject: [PATCH] Markdown: style <code> and <pre> elements

---
 app/styles/components/status.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index 7137874de..f79e1cfba 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -31,6 +31,29 @@
   blockquote p {
     font-style: italic;
   }
+
+  code {
+    font-family: 'Roboto Mono', monospace;
+    cursor: text;
+  }
+
+  /* Inline code */
+  p > code {
+    padding: 2px 4px;
+    background-color: var(--background-color);
+    border-radius: 4px;
+  }
+
+  /* Code block */
+  pre {
+    line-height: 1.6em;
+    overflow-x: auto;
+    border-radius: 6px;
+    padding: 8px 12px;
+    margin-bottom: 20px;
+    word-break: break-all;
+    background-color: var(--background-color);
+  }
 }
 
 .status__content--with-action {