<h2 class="marginless margin-bottom-1">Normalize</h2>
|
|
<hr class="marginless margin-bottom-2" />
|
|
|
|
<h3 class="h4 margin-top-2">a</h3>
|
|
<a href="#">Link</a>
|
|
|
|
<h2 class="marginless margin-top-2 margin-bottom-1">Typography</h2>
|
|
<hr class="marginless margin-bottom-2" />
|
|
|
|
<h3 class="h4 margin-top-2">Heading</h3>
|
|
<div class="h1">Heading h1</div>
|
|
<div class="h2">Heading h2</div>
|
|
<div class="h3">Heading h3</div>
|
|
<div class="h4">Heading h4</div>
|
|
<div class="h5">Heading h5</div>
|
|
<div class="h6">Heading h6</div>
|
|
|
|
<!-- abbr -->
|
|
<h3 class="h4 margin-top-2">abbr</h3>
|
|
<p>
|
|
Glossier viral occupy mixtape pok pok cornhole, <abbr title="vape affogato hella">vape affogato hella</abbr> knausgaard thundercats
|
|
</p>
|
|
|
|
<!-- blockquote -->
|
|
<h3 class="h4 margin-top-2">blockquote</h3>
|
|
<blockquote>
|
|
Hoodie kickstarter four loko, pinterest hashtag chambray glossier. Pug before they sold out etsy listicle. Deep v bespoke tacos polaroid, squid flexitarian crucifix messenger bag.
|
|
</blockquote>
|
|
|
|
<!-- hr -->
|
|
<h3 class="h4 margin-top-2">hr</h3>
|
|
<hr>
|
|
|
|
<!-- paragraph -->
|
|
<h3 class="h4 margin-top-2">paragraph</h3>
|
|
<p>
|
|
Glossier viral occupy mixtape pok pok.
|
|
</p>
|
|
|
|
<!-- mark -->
|
|
<h3 class="h4 margin-top-2">mark</h3>
|
|
<p>
|
|
Pug before they <mark>four loko</mark> Deep v bespoke
|
|
</p>
|
|
|
|
<!-- list -->
|
|
<h3 class="h4 margin-top-2">list</h3>
|
|
<ul>
|
|
<li>item 1</li>
|
|
<li>
|
|
item 2
|
|
<ul>
|
|
<li>child item 1</li>
|
|
<li>child item 2</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ol>
|
|
<li>item 1</li>
|
|
<li>item 2</li>
|
|
</ol>
|
|
<dl>
|
|
<dt>defined title 1</dt>
|
|
<dd>defined item 1</dd>
|
|
</dl>
|