Primarily for use on the map, these campus zone badges are used for identifying the zone that a building, facility or room is located on campus. The badges are colour coded to match the signage on campus.

Examples

Zone 1
 <div class="c-badge"><span class="c-campus-zone zone-1"></span><span class="c-campus-zone__label"> Zone 1</span></div>
Zone 2
 <div class="c-badge"><span class="c-campus-zone zone-2"></span><span class="c-campus-zone__label"> Zone 2</span></div>
Zone 3
 <div class="c-badge"><span class="c-campus-zone zone-3"></span><span class="c-campus-zone__label"> Zone 3</span></div>
Zone 4
 <div class="c-badge"><span class="c-campus-zone zone-4"></span><span class="c-campus-zone__label"> Zone 4</span></div>
Zone 5
 <div class="c-badge"><span class="c-campus-zone zone-5"></span><span class="c-campus-zone__label"> Zone 5</span></div>
Zone 6
 <div class="c-badge"><span class="c-campus-zone zone-6"></span><span class="c-campus-zone__label"> Zone 6</span></div>
Zone 7
 <div class="c-badge"><span class="c-campus-zone zone-7"></span><span class="c-campus-zone__label"> Zone 7</span></div>
Zone 8
 <div class="c-badge"><span class="c-campus-zone zone-8"></span><span class="c-campus-zone__label"> Zone 8</span></div>
Zone 9
 <div class="c-badge"><span class="c-campus-zone zone-9"></span><span class="c-campus-zone__label"> Zone 9</span></div>
Zone 10
 <div class="c-badge"><span class="c-campus-zone zone-10"></span><span class="c-campus-zone__label"> Zone 10</span></div>
Zone km
 <div class="c-badge"><span class="c-campus-zone zone-km"></span><span class="c-campus-zone__label"> Zone km</span></div>

Options

  • darkbg: set to true if badges will be on a dark background (optional)