<div class="color-circle-icon color-circle-icon--network">
<span class="color-circle-icon__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16">
<path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</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": "network",
"departmentName": "Network",
"background": "light",
"name": "Edit",
"icon": "internal-link"
}
.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.