A guide to creating user interface elements with Basscss
<div class="clearfix">
<a href="#!" class="button left">❮ Previous</a>
<a href="#!" class="button right">Next ❯</a>
</div>
<div class="center">
<a href="#!" class="button">❮ Previous</a>
<a href="#!" class="button dark-gray">1</a>
<a href="#!" class="button">2</a>
<a href="#!" class="button">3</a>
<a href="#!" class="button">4</a>
<a href="#!" class="button">5</a>
<a href="#!" class="button">Next ❯</a>
</div>
Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin.
<div class="p2 bg-white border rounded">
<h1 class="mt0">Basic Box</h1>
<p class="mb0">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin.</p>
</div>
Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin.
<div class="overflow-hidden bg-white border rounded">
<div class="p2 bg-light-gray">
<h1 class="m0">Box with Header</h1>
</div>
<div class="p2">
<p class="m0">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin.</p>
</div>
</div>
Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.
<div class="p2 bg-white border rounded">
<img src="/docs/placeholder.svg" class="mb2" />
<h1 class="mt0">Box with Image</h1>
<p class="mb0">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>
</div>
Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin. Bacon t-bone hamburger turkey capicola rump short loin.
Turkey short loin tenderloin jerky.
<div class="overflow-hidden bg-white border rounded">
<div class="p2 white bg-blue">
<h1 class="m0">Box with Header</h1>
</div>
<div class="p2">
<p class="m0">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin. Bacon t-bone hamburger turkey capicola rump short loin.</p>
</div>
<div class="p2 bg-darken-1">
<p class="m0 h5">Turkey short loin tenderloin jerky.</p>
</div>
</div>
❮
❯
✖
✚