feat: Clean up styles between the reference templates

newrelic · Jun 6, 2020 · 80fdbff · 80fdbff
1 parent d64e9df
commit 80fdbff
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 47 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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);
-}