From ee21fa199dba7bd21013c6f3556ddd16a86eb443 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Fri, 21 Dec 2018 19:31:42 -0800
Subject: [PATCH] Add CSS for code blocks and quotes.

---
 static/scss/style.scss | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/static/scss/style.scss b/static/scss/style.scss
index a4a47b1..a587b6d 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans');
+@import url('https://fonts.googleapis.com/css?family=Open+Sans|Source+Code+Pro');
 $primary-color: #53C0FA;
 $primary-color-highlight: #4298C7;
 $primary-color-light: #9FDBFB;
@@ -188,10 +188,31 @@ div.markdown-wrapper {
     p {
         margin: 0px;
     }
+
+    blockquote {
+        margin: 0px 0px 0px 0px;
+        padding-left: 5px;
+        border-left: 4px solid $primary-color;
+    }
+
+    code {
+        font-family: Iosevka, "Source Code Pro", monospace, 
+    }
+
+    pre code {
+        width: 100%;
+        overflow: auto;
+        display: block;
+        box-sizing: border-box;
+        padding: 10px;
+        background-color: $background-color;
+        border-radius: 3px;
+        box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .15);
+    }
 }
 
 span.sender-wrapper {
-    border-radius: 2px;
+    border-radius: 3px;
     padding-left: 5px;
     padding-right: 5px;
     display: inline-block;