Override max_width for code blocks

2020-10-14 12:50:29 -07:00 · 2020-10-14 12:50:29 -07:00 · 8228a9030a
parent d7b7e2c4ba
commit 8228a9030a
1 changed files with 57 additions and 0 deletions
--- a/daprdocs/assets/scss/_code.scss
+++ 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;
+    }
+}