From cc7de3e151ba4daa2f98fade425416343eb9eaa0 Mon Sep 17 00:00:00 2001
From: Joshua <joshua@Joshuas-MacBook-Pro.local>
Date: Thu, 7 May 2020 14:50:23 -0400
Subject: update

---
 docs/elements/typography.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'docs/elements')

diff --git a/docs/elements/typography.html b/docs/elements/typography.html
index d03b274..58b2a42 100644
--- a/docs/elements/typography.html
+++ b/docs/elements/typography.html
@@ -204,22 +204,22 @@
             <h4 class="s-subtitle" id="typography-headings">Headings<a class="anchor" href="#typography-headings" aria-hidden="true">#</a></h4>
             <div class="docs-demo columns">
               <div class="column col-12">
-                <h1>H1 Heading <small class="label">40px</small></h1>
+                <h1>H1 Heading<small class="label">40px</small></h1>
               </div>
               <div class="column col-12">
-                <h2>H2 Heading <small class="label">32px</small></h2>
+                <h2>H2 Heading<small class="label">32px</small></h2>
               </div>
               <div class="column col-12">
-                <h3>H3 Heading <small class="label">28px</small></h3>
+                <h3>H3 Heading<small class="label">28px</small></h3>
               </div>
               <div class="column col-12">
-                <h4>H4 Heading <small class="label">24px</small></h4>
+                <h4 class="accent">H4 Heading<small class="label">24px</small></h4>
               </div>
               <div class="column col-12">
-                <h5>H5 Heading <small class="label">20px</small></h5>
+                <h5 class="accent-2">H5 Heading<small class="label">20px</small></h5>
               </div>
               <div class="column col-12">
-                <h6>H6 Heading <small class="label">16px</small></h6>
+                <h6 class="accent-3">H6 Heading<small class="label">16px</small></h6>
               </div>
             </div>
             <pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>H1 Heading<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
@@ -230,7 +230,7 @@
             <p>Lorem ipsum dolor sit amet, consectetur <a href="#typography">adipiscing elit</a>.
               Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
             </p>
-            <p>Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.</p>
+            <p class="accent">Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.</p>
             <pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>Lorem ipsum dolor sit amet, ...<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>...<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
 </code></pre>
@@ -253,8 +253,8 @@
                 <mark>Highlighted</mark><code class="ml-2">mark</code>
               </div>
               <div class="column col-6 col-xs-12">
-                <ruby>漢 
-                  <rt>kan</rt>字 
+                <ruby>漢
+                  <rt>kan</rt>字
                   <rt>ji</rt>
                 </ruby><code class="ml-2">ruby</code>
               </div>
@@ -262,8 +262,8 @@
                 <s>Strikethrough</s><code class="ml-2">s</code>
               </div>
               <div class="column col-6 col-xs-12"><samp>Sample</samp><code class="ml-2">samp</code></div>
-              <div class="column col-6 col-xs-12">Text <sub>Subscripted</sub><code class="ml-2">sub</code></div>
-              <div class="column col-6 col-xs-12">Text <sup>Superscripted</sup><code class="ml-2">sup</code></div>
+              <div class="column col-6 col-xs-12">Text<sub>Subscripted</sub><code class="ml-2">sub</code></div>
+              <div class="column col-6 col-xs-12">Text<sup>Superscripted</sup><code class="ml-2">sup</code></div>
               <div class="column col-6 col-xs-12">
                 <time>20:00</time><code class="ml-2">time</code>
               </div>
@@ -271,7 +271,7 @@
                 <u>Underline</u><code class="ml-2">u</code>
               </div>
               <div class="column col-6 col-xs-12">
-                <var>x</var> = 
+                <var>x</var> =
                 <var>y</var> + 2<code class="ml-2">var</code>
               </div>
             </div>
-- 
cgit v1.3.1-23-gd82d