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)