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>

---

Hamburger 1

Hamburger 2

Hamburger 3

Hamburger 4

Hamburger 5

Hamburger 6

Paragraph

Prose object typography

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. Drumstick pork fatback pork chop doner pork belly prosciutto pastrami sausage. Ground round prosciutto shank pastrami corned beef venison tail. Turkey short loin tenderloin jerky porchetta pork loin.

Landjaeger jerky ham sausage corned beef kevin drumstick ham hock shank meatball. Jowl brisket meatloaf capicola corned beef tri-tip drumstick strip steak t-bone flank. Biltong landjaeger pastrami cow tenderloin pork chop chuck turkey leberkas ribeye capicola hamburger jowl brisket. Bresaola boudin leberkas capicola salami, ribeye filet mignon tail kevin.

Hamburger 2

Rump flank ribeye tri-tip prosciutto t-bone pork loin doner, fatback boudin kielbasa sausage shank. Pork loin ground round shank chicken kevin tail pancetta turkey pig swine sausage cow drumstick leberkas pork chop. Shoulder rump t-bone, ball tip ground round porchetta chicken capicola boudin. Leberkas frankfurter pastrami kielbasa ribeye flank ham hock spare ribs ground round capicola pork short loin tongue shank porchetta. Kielbasa pork loin porchetta tongue tenderloin pork chop sausage meatball shankle flank.

Forms

Input Disabled Select Textarea Checkbox Radio

Dark Forms

Input Disabled Select Textarea Checkbox Radio