Add box around code snippet examples (angular#205)

andrewseguin · Jul 5, 2017 · 46346ba · 46346ba
1 parent e450446
commit 46346ba
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/styles/_markdown-theme.scss b/src/styles/_markdown-theme.scss
@@ -12,5 +12,10 @@
   .docs-markdown-a {
     color: mat-color($primary);
   }
+
+  .docs-markdown-pre {
+    background: rgba(mat-color($foreground, secondary-text), .01);
+    border: .5px solid rgba(mat-color($foreground, secondary-text), .03);
+  }
 }
 
diff --git a/src/styles/_markdown.scss b/src/styles/_markdown.scss
@@ -29,6 +29,13 @@
   font-size: 12px;
 }
 
+.docs-markdown-pre {
+  border-radius: 5px;
+  margin: 16px auto;
+  display: block;
+  padding: 20px;
+}
+
 code, pre {
   font-family: 'Roboto Mono', monospace;
 }