Add box around code snippet examples (#205)

amcdnl · jelbourn · commit 46346ba08b77 · 2017-07-05T16:44:24.000-07:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -12,5 +12,10 @@`
`12`	`12`	`.docs-markdown-a {`
`13`	`13`	`color: mat-color($primary);`
`14`	`14`	`}`
	`15`	`+`
	`16`	`+ .docs-markdown-pre {`
	`17`	`+ background: rgba(mat-color($foreground, secondary-text), .01);`
	`18`	`+ border: .5px solid rgba(mat-color($foreground, secondary-text), .03);`
	`19`	`+ }`
`15`	`20`	`}`
`16`	`21`
Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,13 @@`
`29`	`29`	`font-size: 12px;`
`30`	`30`	`}`
`31`	`31`
	`32`	`+.docs-markdown-pre {`
	`33`	`+ border-radius: 5px;`
	`34`	`+ margin: 16px auto;`
	`35`	`+ display: block;`
	`36`	`+ padding: 20px;`
	`37`	`+}`
	`38`	`+`
`32`	`39`	`code, pre {`
`33`	`40`	`font-family: 'Roboto Mono', monospace;`
`34`	`41`	`}`