e-positive">3</span>
<span class="badge badge-negative">4</span>

<span class="badge badge-inverted">1</span>
<span class="badge badge-primary badge-inverted">2</span>
<span class="badge badge-positive badge-inverted">3</span>
<span class="badge badge-negative badge-inverted">4</span>
{% endhighlight %}

  </article>

  <!-- Forms -->
  <article class="component" id="forms">
    <h3 class="component-title">Forms</h3>

    <div class="component-example">
      <form>
        <input type="text" placeholder="F