bassdock v2.0.1

Bassdock

Theme for Basscss documentation site: http://basscss.com

<button class="button mb1 bg-navy">Button</button>
<button class="button mb1">Button</button>
<button class="button mb1 navy bg-aqua">Button</button>
<button class="button mb1 navy bg-teal">Button</button>
<button class="button mb1 bg-olive">Button</button>
<button class="button mb1 bg-green">Button</button>
<button class="button mb1 navy bg-lime">Button</button>
<button class="button mb1 maroon bg-yellow">Button</button>
<button class="button mb1 bg-orange">Button</button>
<button class="button mb1 bg-red">Button</button>
<button class="button mb1 bg-maroon">Button</button>
<button class="button mb1 bg-fuchsia">Button</button>
<button class="button mb1 bg-purple">Button</button>
<button class="button mb1 bg-black">Button</button>
<button class="button mb1 black bg-gray">Button</button>
<button class="button mb1 black bg-silver">Button</button>
<button class="button mb1 black bg-darken-1">Button</button>
<button class="button mb1 black bg-darken-2">Button</button>
<button class="button mb1 black bg-darken-3">Button</button>
<button class="button mb1 white bg-darken-4">Button</button>

<a href="#!" class="h3 button button-link mb1 navy">Button</a>
<a href="#!" class="h3 button button-link mb1 blue">Button</a>
<a href="#!" class="h3 button button-link mb1 olive">Button</a>
<a href="#!" class="h3 button button-link mb1 orange">Button</a>
<a href="#!" class="h4 button button-link mb1 red">Button</a>
<a href="#!" class="h4 button button-link mb1 maroon">Button</a>
<a href="#!" class="h4 button button-link mb1 fuchsia">Button</a>
<a href="#!" class="h4 button button-link mb1 purple">Button</a>
<a href="#!" class="h4 button button-link mb1 black">Button</a>

<button class="button-small button-link mb1 navy">Button</button>
<button class="button-small button-link mb1 blue">Button</button>
<button class="button-small button-link mb1 olive">Button</button>
<button class="button-small button-link mb1 orange">Button</button>
<button class="button-small button-link mb1 red">Button</button>
<button class="button-small button-link mb1 maroon">Button</button>
<button class="button-small button-link mb1 fuchsia">Button</button>
<button class="button-small button-link mb1 purple">Button</button>
<button class="button-small button-link mb1 black">Button</button>

<button class="button-transparent mb1 navy">Button</button>
<button class="button-transparent mb1 blue">Button</button>
<button class="button-transparent mb1 olive">Button</button>
<button class="button-transparent mb1 orange">Button</button>
<button class="button-transparent mb1 red">Button</button>
<button class="button-transparent mb1 maroon">Button</button>
<button class="button-transparent mb1 fuchsia">Button</button>
<button class="button-transparent mb1 purple">Button</button>
<button class="button-transparent mb1 black">Button</button>

<button class="button-outline mb1 navy">Button</button>
<button class="button-outline mb1 blue">Button</button>
<button class="button-outline mb1 olive">Button</button>
<button class="button-outline mb1 orange">Button</button>
<button class="button-outline mb1 red">Button</button>
<button class="button-outline mb1 maroon">Button</button>
<button class="button-outline mb1 fuchsia">Button</button>
<button class="button-outline mb1 purple">Button</button>
<button class="button-outline mb1 black">Button</button>

<div class="p2 bg-black">
  <button class="button-outline mb1 aqua">Button</button>
  <button class="button-outline mb1 teal">Button</button>
  <button class="button-outline mb1 green">Button</button>
  <button class="button-outline mb1 lime">Button</button>
  <button class="button-outline mb1 yellow">Button</button>
  <button class="button-outline mb1 gray">Button</button>
  <button class="button-outline mb1 silver">Button</button>
</div>

<div class="p2 bg-navy white">navy</div>
<div class="p2 bg-blue">blue</div>
<div class="p2 bg-aqua">aqua</div>
<div class="p2 bg-teal">teal</div>
<div class="p2 bg-olive">olive</div>
<div class="p2 bg-green">green</div>
<div class="p2 bg-lime">lime</div>
<div class="p2 bg-yellow">yellow</div>
<div class="p2 bg-orange">orange</div>
<div class="p2 bg-red">red</div>
<div class="p2 bg-maroon white">maroon</div>
<div class="p2 bg-fuchsia">fuchsia</div>
<div class="p2 bg-purple">purple</div>
<div class="p2 bg-black white">black</div>
<div class="p2 bg-gray">gray</div>
<div class="p2 bg-silver">silver</div>
<div class="p2 bg-darken-1">darken-1</div>
<div class="p2 bg-darken-2">darken-2</div>
<div class="p2 bg-darken-3">darken-3</div>
<div class="p2 bg-darken-4">darken-4</div>

<input type="range" class="range-light">
<progress class="progress blue" value=".375">0.375</progress>

Paragraph