Lightweight CSS Framework for Building Apps and Websites https://crispy-css.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

65 lines
1.6 KiB

<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>