diff options
update
1 files changed, 12 insertions, 12 deletions
| -rw-r--r-- | docs/elements/typography.html | 24 |
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"><<span class="hljs-name">h1</span>></span>H1 Heading<span class="hljs-tag"></<span class="hljs-name">h1</span>></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"><<span class="hljs-name">p</span>></span>Lorem ipsum dolor sit amet, ...<span class="hljs-tag"></<span class="hljs-name">p</span>></span> <span class="hljs-tag"><<span class="hljs-name">p</span>></span>...<span class="hljs-tag"></<span class="hljs-name">p</span>></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> |