fix: Updates description in component reference docs to match Intro s…

…tyling
newrelic · Jun 8, 2020 · d9d9dd1 · d9d9dd1
1 parent dd4b15b
commit d9d9dd1
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/src/components/Intro.module.scss b/src/components/Intro.module.scss
@@ -1,5 +1,3 @@
-.container p {
-  color: var(--color-neutrals-600);
-  font-size: 1.125rem;
-  line-height: 2rem;
+.container {
+  composes: intro-text from global;
 }
diff --git a/src/components/styles.scss b/src/components/styles.scss
@@ -176,3 +176,13 @@ ul {
 li {
   margin-bottom: 1rem;
 }
+
+:global {
+  .intro-text {
+    p {
+      color: var(--color-neutrals-600);
+      font-size: 1.125rem;
+      line-height: 2rem;
+    }
+  }
+}
diff --git a/src/templates/ComponentReferenceTemplate.js b/src/templates/ComponentReferenceTemplate.js
@@ -51,7 +51,9 @@ const ComponentReferenceTemplate = ({ data }) => {
           <section
             className={cx(templateStyles.section, templateStyles.description)}
           >
-            <ReactMarkdown source={componentDescription} />
+            <div class="intro-text">
+              <ReactMarkdown source={componentDescription} />
+            </div>
           </section>
 
           <section className={templateStyles.section}>