<div class="color-circle-icon color-circle-icon--durp">
<span class="color-circle-icon__icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24">
<path fill="#FFF" fill-rule="evenodd" d="M14.578 12.554a8 8 0 1 0-13.156 0L8 24l6.578-11.446zM8 13.334A5.333 5.333 0 1 0 8 2.666a5.333 5.333 0 0 0 0 10.666z"/>
</svg>
</span>
</div>
<div class="color-circle-icon color-circle-icon--{{ siteUnit }}">
{% if icon %}
<span class="color-circle-icon__icon">{% include 'bits/icons/'~ icon ~'.twig' %}</span>
{% endif %}
</div>
{
"siteUnit": "durp",
"departmentName": "Department of Urban and Regional Planning",
"background": "dark",
"name": "Edit",
"icon": "location-marker"
}
.color-circle-icon
--backgroundColor illiniOrange
--iconColor white
&--arch
--backgroundColor industrialBlue
--borderColor transparent
--iconColor white
&--art
--backgroundColor archesBlue
--borderColor transparent
--iconColor white
&--college
--backgroundColor cloud
--borderColor illiniOrange
--iconColor illiniBlue
&--dance
--backgroundColor archesBlue
--borderColor transparent
--iconColor white
&--durp
--backgroundColor illiniOrange
--borderColor transparent
--iconColor white
&--landarch
--backgroundColor cloud
--borderColor illiniOrange
--iconColor illiniBlue
&--theatre
--backgroundColor illiniOrange
--borderColor transparent
--iconColor illiniBlue
&--music
--backgroundColor transparent
--borderColor illiniOrange
--iconColor illiniBlue
align-items center
background-color var(--backgroundColor)
border 2px solid var(--borderColor)
border-radius 50%
display flex
justify-content center
height 48px
width 48px
&__icon
display flex
&__icon > svg > path
fill var(--iconColor)
There are no notes for this item.