Lozenges
Standard
Cold
Fat
Opaque lozenge for use on backgrounds
Opaque, fat lozenge
Cold
Fat
Opaque lozenge for use on backgrounds
Opaque, fat lozenge
Usage notes
Lozenges are used for displaying statuses. Available in a standard format, and a couple of variations.
<span class="lozenge">Standard</span>
<br>
<span class="lozenge lozenge--cold">Cold</span>
<br>
<span class="lozenge lozenge--fat lozenge--cold">Fat</span>
<br>
<span class="lozenge lozenge--semi-opaque">Opaque lozenge for use on backgrounds</span>
<br>
<span class="lozenge lozenge--semi-opaque lozenge--fat">Opaque, fat lozenge</span>
<br>Developer Notes
Use classes lozenge--fat for more padded lozenges. lozenge--cold lozenge--semi-opaque are colour and transparency variations.