From 44edd88669d8df10285ddcab626f76f8df5fa818 Mon Sep 17 00:00:00 2001
From: Brandon Ferrua <bferrua@gmail.com>
Date: Tue, 29 Aug 2017 14:56:56 -0700
Subject: [PATCH 1/2] Add docblock base styling

---
 shared/components/CodeView.jsx            |   2 +-
 shared/styles/doc.scss                    | 120 +++++++++++++++++++++-
 shared/vendor/prism/_prism-overrides.scss |   2 +
 3 files changed, 122 insertions(+), 2 deletions(-)

diff --git a/shared/components/CodeView.jsx b/shared/components/CodeView.jsx
index a2654c6e84..ebb1102f87 100644
--- a/shared/components/CodeView.jsx
+++ b/shared/components/CodeView.jsx
@@ -67,7 +67,7 @@ class CodeView extends React.Component {
   render() {
     const { position } = this.props;
     return (
-      <div>
+      <div className="docs-codeblock">
         {position === 'bottom' ? this.kids() : null}
         <div>
           <CodeBlock language="html">{this.state.code}</CodeBlock>
diff --git a/shared/styles/doc.scss b/shared/styles/doc.scss
index f8abbb54c3..5e99b94cfb 100644
--- a/shared/styles/doc.scss
+++ b/shared/styles/doc.scss
@@ -1,3 +1,121 @@
+.docs-codeblock {
+  margin-bottom: 1.5rem;
+}
+
+h1,
+h2,
+h4,
+h5,
+p,
+.lead {
+  font-weight: 300;
+}
+
+h1 {
+  font-size: 3rem;
+  margin-bottom: 1rem
+}
+
+h2 {
+  font-size: 2rem;
+  margin: 2rem 0 1rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+  font-weight: 400;
+  margin: 2rem 0 1rem;
+}
+
+h4 {
+  font-size: 1.2rem;
+  margin: 2rem 0 1rem;
+}
+
+h5 {
+  font-size: 1rem;
+  margin: 1rem 0;
+}
+
+h6 {
+  font-size: 1rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  margin: 1rem 0;
+}
+
 p {
-   color: red;
+  font-size: 1.125rem;
+  margin-bottom: 1.5rem;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 400;
+  margin-bottom: 1.5rem;
+}
+
+blockquote {
+  background-color: #f7f7f7;
+  color: #5876a3;
+  font-size: 1.125rem;
+  font-weight: 300;
+  padding: 1rem;
+  border-left: 2px solid #5876a3;
+  border: 1px solid #f2f2f2;
+  border-left: 2px solid #5876a3;
+  margin: 1.5rem;
+}
+
+blockquote p:only-child,
+blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+ul,
+ol {
+  font-size: 1.125rem;
+  font-weight: 300;
+  margin: 0 0 1.5rem 3rem;
+}
+
+ul {
+  list-style: disc;
+}
+
+ol {
+  list-style: decimal;
+}
+
+table {
+  background: #fff;
+  border: 1px solid #f2f2f2;
+  margin-bottom: 1.5rem;
+}
+
+td,
+th {
+  padding: 0.5rem;
+}
+
+thead th,
+thead td {
+  padding: 0.5rem 0.5rem;
+}
+
+tr td,
+tr th {
+  border-top: 1px solid #f2f2f2;
+}
+
+tr td:not(:first-child),
+tr th:not(:first-child) {
+  border-left: 1px solid #f2f2f2;
+}
+
+code {
+  background: #F6F9FB;
+  color: #1990B8;
+  padding: 0 2px;
+  border-radius: 0.125rem;
 }
diff --git a/shared/vendor/prism/_prism-overrides.scss b/shared/vendor/prism/_prism-overrides.scss
index 8cf26cf5e8..6d3f6d70cf 100755
--- a/shared/vendor/prism/_prism-overrides.scss
+++ b/shared/vendor/prism/_prism-overrides.scss
@@ -20,6 +20,8 @@ pre[class*="language-"] {
   box-shadow: none;
   text-shadow: none;
   tab-size: 2;
+  height: auto;
+  font-size: 0.875rem;
 
   // Remove extra shadows
   &:before,

From 086d9d3f670ddd216e4eaeb33be6587e5aa1b099 Mon Sep 17 00:00:00 2001
From: Brandon Ferrua <bferrua@gmail.com>
Date: Tue, 29 Aug 2017 14:59:10 -0700
Subject: [PATCH 2/2] Bump previewer version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9dc1552abc..a74df305f2 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "@salesforce-ux/create-snap": "0.0.6",
     "@salesforce-ux/design-system-markup": "2.0.2",
     "@salesforce-ux/design-system-parser": "1.0.1",
-    "@salesforce-ux/design-system-previewer": "2.1.0",
+    "@salesforce-ux/design-system-previewer": "2.1.1",
     "@salesforce-ux/icons": "7.31.0",
     "@salesforce-ux/instant-vrt": "0.0.2",
     "async": "2.3.0",