From 80fdbff56518986bf386fb06e701cfa69e1799eb Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Fri, 5 Jun 2020 17:53:38 -0700
Subject: [PATCH] feat: Clean up styles between the reference templates

---
 src/components/MethodReference.js             |  6 +---
 src/components/MethodReference.module.scss    |  4 +++
 src/templates/ApiDocTemplate.module.scss      | 30 -------------------
 .../ComponentDocTemplate.module.scss          | 12 --------
 4 files changed, 5 insertions(+), 47 deletions(-)

diff --git a/src/components/MethodReference.js b/src/components/MethodReference.js
index 76b3e552f..42c1b420a 100644
--- a/src/components/MethodReference.js
+++ b/src/components/MethodReference.js
@@ -14,11 +14,7 @@ const MethodReference = ({ className, method }) => (
       returnValue={method.returnValue}
     />
     {method.examples.map((example, i) => (
-      <ComponentExample
-        key={i}
-        className={styles.componentExample}
-        example={example}
-      />
+      <ComponentExample key={i} className={styles.example} example={example} />
     ))}
   </div>
 );
diff --git a/src/components/MethodReference.module.scss b/src/components/MethodReference.module.scss
index 03d8e0ff1..ae4595557 100644
--- a/src/components/MethodReference.module.scss
+++ b/src/components/MethodReference.module.scss
@@ -9,3 +9,7 @@
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+
+.example:not(:last-child) {
+  margin-bottom: 2rem;
+}
diff --git a/src/templates/ApiDocTemplate.module.scss b/src/templates/ApiDocTemplate.module.scss
index 2279cec8d..e7488cc0a 100644
--- a/src/templates/ApiDocTemplate.module.scss
+++ b/src/templates/ApiDocTemplate.module.scss
@@ -18,10 +18,6 @@
   grid-area: sidebar;
 }
 
-.componentExample:not(:last-child) {
-  margin-bottom: 2rem;
-}
-
 .description {
   border-top: 1px solid var(--color-neutrals-200);
   margin-top: 0.5rem;
@@ -39,29 +35,3 @@
 .section:not(:last-child) {
   margin-bottom: 2rem;
 }
-
-.toastManager > div {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  padding-top: 16px;
-  padding-right: 16px;
-  pointer-events: none;
-  z-index: 200;
-  min-height: 9999px;
-}
-
-.methodDescription {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.methodName {
-  padding: 0.125rem 0.25rem;
-  display: inline;
-  color: var(--color-teal-500);
-  background: var(--color-teal-050);
-}
diff --git a/src/templates/ComponentDocTemplate.module.scss b/src/templates/ComponentDocTemplate.module.scss
index 2279cec8d..1e21bd266 100644
--- a/src/templates/ComponentDocTemplate.module.scss
+++ b/src/templates/ComponentDocTemplate.module.scss
@@ -53,15 +53,3 @@
   z-index: 200;
   min-height: 9999px;
 }
-
-.methodDescription {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.methodName {
-  padding: 0.125rem 0.25rem;
-  display: inline;
-  color: var(--color-teal-500);
-  background: var(--color-teal-050);
-}