From a25b34cda85abe107e68c323472c8579bb602921 Mon Sep 17 00:00:00 2001
From: ashley-hebler <ashleyhebler@gmail.com>
Date: Mon, 29 Jun 2020 13:02:56 -0500
Subject: [PATCH] Better support the true use cases for sup and sub

---
 assets/scss/6-components/story-body/_story-body.scss | 4 ----
 assets/scss/6-components/story-body/story-body.html  | 2 ++
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/assets/scss/6-components/story-body/_story-body.scss b/assets/scss/6-components/story-body/_story-body.scss
index 56d46ba2..021e06bc 100644
--- a/assets/scss/6-components/story-body/_story-body.scss
+++ b/assets/scss/6-components/story-body/_story-body.scss
@@ -75,10 +75,6 @@ $story-narrow-bp: ($story-narrow / 1rem) + $story-padding-buffer;
     margin-top: $size-b;
   }
 
-  sub, sup {
-    position: initial;
-  }
-
   hr {
     margin: $size-xl auto;
   }
diff --git a/assets/scss/6-components/story-body/story-body.html b/assets/scss/6-components/story-body/story-body.html
index b4133fec..a6d8aa9f 100644
--- a/assets/scss/6-components/story-body/story-body.html
+++ b/assets/scss/6-components/story-body/story-body.html
@@ -2,6 +2,8 @@
   <h2>Article text formatting preview</h2>
   <p>Our editor outputs blocks of texts with paragraph tags. This parent class also accounts for descendant links, headings, horizontal rules, and lists.</p>
 
+  <p>This is a paragraph with some <a href="#">link text</a>. This is how <strong>bolded</strong>, <em>emphasized</em>, <sup>superscript</sup> and <sub>subscript</sub> text displays.</p>
+
   <h2>Lists</h2>
   <p>Ordered</p>
   <ol>