chore: styles for descriptions

newrelic · Jun 2, 2020 · 6a188b9 · 6a188b9
1 parent 097c47e
commit 6a188b9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
@@ -35,7 +35,9 @@ const ReferenceTemplate = ({ data }) => {
           <h1>{component}</h1>
 
           {componentData && componentData.__docs__ && (
-            <ReactMarkdown source={componentData.__docs__.text} />
+            <div className={styles.description}>
+              <ReactMarkdown source={componentData.__docs__.text} />
+            </div>
           )}
         </main>
       </Container>

diff --git a/src/templates/ReferenceTemplate.module.scss b/src/templates/ReferenceTemplate.module.scss
@@ -17,3 +17,17 @@
 .sidebar {
   grid-area: sidebar;
 }
+
+.description {
+  border-top: 1px solid var(--color-neutrals-200);
+  margin-top: 0.5rem;
+  padding-top: 0.5rem;
+
+  ul {
+    padding-top: 0.5rem;
+  }
+
+  li {
+    margin: 0;
+  }
+}