Badge
Examples
This is the default UI badge we use across the app. All badges need to have .badge and the necessary badge color class such as .badge--green.
Gray
Green
Blue
Purple
Red
Orange
Yellow
<div class="badge badge--small badge--gray mrs">Gray</div>
<div class="badge badge--small badge--green mrs">Green</div>
<div class="badge badge--small badge--blue mrs">Blue</div>
<div class="badge badge--small badge--purple mrs">Purple</div>
<div class="badge badge--small badge--red mrs">Red</div>
<div class="badge badge--small badge--orange">Orange</div>
<div class="badge badge--small badge--yellow mrs">Yellow</div>
Dark badges
We use this special type of badge exclusively to communicate property types.
Gray
Green
Blue
Purple
Red
Orange
Yellow
<div class="badge badge--large badge--dark-gray mrs">Gray</div>
<div class="badge badge--large badge--dark-green mrs">Green</div>
<div class="badge badge--large badge--dark-blue mrs">Blue</div>
<div class="badge badge--large badge--dark-purple mrs">Purple</div>
<div class="badge badge--large badge--dark-red mrs">Red</div>
<div class="badge badge--large badge--dark-orange">Orange</div>
<div class="badge badge--large badge--dark-yellow mrs">Yellow</div>
