Circular

A label can be circular

<a class="wojo primary circular label">1</a>
<a class="wojo secondary circular label">2</a>
<a class="wojo positive circular label">3</a>
<a class="wojo negative circular label">4</a>
<a class="wojo black circular label">5</a>

<a class="wojo primary circular empty label"></a>
<a class="wojo secondary circular empty label"></a>
<a class="wojo positive circular empty label"></a>
<a class="wojo negative circular empty label"></a>
<a class="wojo black circular empty label"></a>

Size

A label can be small or large

<div class="wojo mini label">
  Mini
</div>
<div class="wojo tiny label">
  Tiny
</div>
<div class="wojo small label">
  Small
</div>
<div class="wojo label">
  Medium
</div>
<div class="wojo large label">
  Large
</div>
<div class="wojo big label">
  Big
</div>
<div class="wojo huge label">
  Huge
</div>
<div class="wojo massive label">
  Massive
</div>

Tag

A label can appear as a tag

<a class="wojo tag label">New</a>
<a class="wojo positive tag label">Upcoming</a>
<a class="wojo negative tag label">Featured</a>