From 63c80625bed5c10ee10435da66dc056778b7a630 Mon Sep 17 00:00:00 2001
From: lorin <werthenlorin@gmail.com>
Date: Sun, 25 Jun 2017 01:18:52 +0200
Subject: [PATCH] Add <sup> and <sub> support to content (#808)

* add sup and sub support to content

* tweak, add subscript example
---
 docs/documentation/elements/content.html | 6 +++---
 sass/elements/content.sass               | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/docs/documentation/elements/content.html b/docs/documentation/elements/content.html
index 847fa9c5..d650a4f2 100644
--- a/docs/documentation/elements/content.html
+++ b/docs/documentation/elements/content.html
@@ -31,15 +31,15 @@ doc-subtab: content
 {% capture content_example %}
 <div class="content">
   <h1>Hello World</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.</p>
+  <p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
   <h2>Second level</h2>
-  <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
+  <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
   <ul>
     <li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
     <li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
     <li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
     <li>Ut non enim metus.</li>
-  </ul>
+  </ul>
   <h3>Third level</h3>
   <p>Quisque ante lacus, malesuada ac auctor vitae, congue <a href="#">non ante</a>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.</p>
   <ol>
diff --git a/sass/elements/content.sass b/sass/elements/content.sass
index eeb90801..f6079954 100644
--- a/sass/elements/content.sass
+++ b/sass/elements/content.sass
@@ -73,7 +73,10 @@
     overflow-x: auto
     padding: 1.25em 1.5em
     white-space: pre
-    word-wrap: normal
+    word-wrap: normal
+  sup,
+  sub
+    font-size: 70%
   table
     width: 100%
     td,