States
Scaffolding | Layout | Type | Buttons | Forms | Navigation | Alerts | Blankslate | Avatars | States | Tooltips | Utilities | Code Guidelines | Colors
States
States, or state indicators, inform users of the current status of a particular item. Included common states are Open, Closed, or Merged, each requiring it’s own modifier class.
Open (green)
Open Open Open
<span class="state state-open">Open</span>
<span class="state state-proposed">Open</span>
<span class="state state-reopened">Open</span>Closed (red)
Closed
<span class="state state-closed">Closed</span>Merged (purple)
Merged
<span class="state state-merged">Merged</span>