From 8228a9030a79bece0dc88109e51a4ec47089f690 Mon Sep 17 00:00:00 2001
From: Aaron Crawfis <Aaron.Crawfis@microsoft.com>
Date: Wed, 14 Oct 2020 12:50:29 -0700
Subject: [PATCH] Override max_width for code blocks

---
 daprdocs/assets/scss/_code.scss | 57 +++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 daprdocs/assets/scss/_code.scss

diff --git a/daprdocs/assets/scss/_code.scss b/daprdocs/assets/scss/_code.scss
new file mode 100644
index 000000000..e986bca01
--- /dev/null
+++ b/daprdocs/assets/scss/_code.scss
@@ -0,0 +1,57 @@
+// Code formatting.
+
+.td-content {
+	// Highlighted code.
+    .highlight {
+        @extend .card;
+	
+        margin: 2rem 0;
+        padding: 0;
+
+        max-width: 80%;
+	    
+        pre {
+            margin: 0;
+            padding: 1rem;
+        }
+    }
+
+    // Inline code
+    p code, li > code, table code {
+        color: inherit;
+        padding: 0.2em 0.4em;
+        margin: 0;
+        font-size: 85%;
+        word-break: normal;
+        background-color: rgba($black, 0.05);
+        border-radius: $border-radius;
+
+        br {
+            display: none;
+        }
+    }
+
+
+    // Code blocks
+    pre {
+        word-wrap: normal;
+        background-color: $gray-100;
+        padding: $spacer;
+     
+
+        > code {
+	    background-color: inherit !important;
+            padding: 0;
+            margin: 0;
+            font-size: 100%;
+            word-break: normal;
+            white-space: pre;
+            border: 0;
+        }
+    }
+
+    pre.mermaid {
+        background-color: inherit;
+        font-size: 0;
+    }
+}