chota/docs/_includes/buttons.html

<section id="buttons">
  <h4>Buttons</h4>
  <p>chota includes five predefined button styles, each serving its own semantic purpose. It also applies these styles to <code>input, button</code> elements, see the complete <a href="https://rawgit.com/jenil/chota/master/test/index.html#forms__action" target="_blank">demo</a>.</p>
  <div class="row">
    <div class="col-4">
      <div class="buttons">
        <a href="#!" class="button">Default</a>
        <a href="#!" class="button primary">Primary</a>
        <a href="#!" class="button secondary">Secondary</a>
        <a href="#!" class="button outline">Outline</a>
        <a href="#!" class="button outline primary">Primary outline</a>
        <a href="#!" class="button outline secondary">Secondary outline</a>
        <a href="#!" class="button clear">Clear</a>
      </div>
    </div>
    <div class="col">
{% highlight html %}
<a class="button">Default</a>
<a class="button primary">Primary</a>
<a class="button secondary">Secondary</a>
<a class="button outline">Outline</a>
<a class="button outline primary">Primary outline</a>
<a class="button outline secondary">Secondary outline</a>
<a class="button clear">Clear</a>
{% endhighlight %}
    </div>
  </div>
</section>