feat: add spacing under each component example

newrelic · Jun 2, 2020 · 8d8dd83 · 8d8dd83
1 parent b2ef503
commit 8d8dd83
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
@@ -38,7 +38,11 @@ const ReferenceTemplate = ({ data }) => {
             <h2>Examples</h2>
             <section>
               {examples.map((example, i) => (
-                <ComponentExample key={i} example={example} />
+                <ComponentExample
+                  key={i}
+                  className={styles.componentExample}
+                  example={example}
+                />
               ))}
             </section>
           </section>

diff --git a/src/templates/ReferenceTemplate.module.scss b/src/templates/ReferenceTemplate.module.scss
@@ -17,3 +17,7 @@
 .sidebar {
   grid-area: sidebar;
 }
+
+.componentExample:not(:last-child) {
+  margin-bottom: 2rem;
+}