---
layout: default
title:  "Buttons"
date:   2013-05-17 23:24:04
---

Buttons
=======

~~~html
<a href="#" class="btn">Button</a>
~~~

Sizes
------

<p><a href="#" class="btn small">Small</a></p>

<p><a href="#" class="btn">Normal</a></p>

<p><a href="#" class="btn medium">Medium</a></p>

<p><a href="#" class="btn large">Large</a></p>

~~~html
<a href="#" class="btn small">Small</a>
<a href="#" class="btn">Normal</a>
<a href="#" class="btn medium">Medium</a>
<a href="#" class="btn large">Large</a>
~~~

Colors
------

<p><a href="#" class="btn blue">Blue</a></p>
<p><a href="#" class="btn red">Red</a></p>
<p><a href="#" class="btn green">Green</a></p>
<p><a href="#" class="btn gray">Gray</a></p>
<p><a href="#" class="btn disabled">Disabled</a></p>

~~~html
<a href="#" class="btn blue">Blue</a>
<a href="#" class="btn red">Red</a>
<a href="#" class="btn green">Green</a>
<a href="#" class="btn disabled">Disabled</a>
~~~


Button Groups
-------------

<p>
<div class="btn-group">
  <button type="button" class="btn medium gray">PDF</button>
  <button type="button" class="btn medium gray">MOBI</button>
  <button type="button" class="btn medium gray">EPUB</button>
  <button type="button" class="btn medium gray">HTML</button>
</div>
</p>

~~~html
<div class="btn-group">
  <button type="button" class="btn medium gray">PDF</button>
  <button type="button" class="btn medium gray">MOBI</button>
  <button type="button" class="btn medium gray">EPUB</button>
  <button type="button" class="btn medium gray">HTML</button>
</div>
~~~