Tag

<!-- Label Type -->
<div class="ga-tag label">{ Tag Contents }</div>
<!-- Line Type -->
<div class="ga-tag line" />
<!-- Dot Type -->
<div class="ga-tag dot" />

<!-- Left -->
<div class="ga-tag label">
    <i class="icon left fa fa-icon" />
    { Tag Contents }
</div>
<!-- Right -->
<div class="ga-tag label">
    <i class="icon right fa fa-icon" />
    { Tag Contents }
</div>

<div class="ga-tags">
    <div class="ga-tag label">Tag 1</div>
    <div class="ga-tag label">Tag 2</div>
    <div class="ga-tag label">Tag 3</div>    
</div>

<div class="ga-tags one-of-a-kind">
    <div class="ga-tag label">Tag 1</div>
    <div class="ga-tag label">Tag 2</div>
    <div class="ga-tag label">Tag 3</div>    
</div>

<!-- primary, secondary, success, danger, info, attention, importance -->
<div class="ga-tag label { Brand | Status }">{ Tag Contents }</div>

<!-- red, orange, yellow, light-green, light-blue, blue, deep-blue, deep-purple, purple, brown, gray -->
<div class="ga-tag label { Colors }">{ Tag Contents }</div>