<a href="" class="list-link list-link--light
list-link--network">
Internal Link
<span class="list-link__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>
</a>
<a
href="{{ url }}"
class="list-link list-link--{{ background }} {{ className }}
list-link--{{ siteUnit }}"
{{ (type == 'external' or type == 'file') ? 'target="_blank" rel="noopener"' }}
{% set onClick %}onClick="window.open(this.href,'targetWindow','toolbar=no,location=0,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=250'); return false;"{% endset %}
{{ dialog ? onClick }}
>
{{ text }}
<span class="list-link__icon">{% include 'bits/icons/'~ type ~'-link.twig' %}</span>
</a>
{
"siteUnit": "network",
"departmentName": "Network",
"background": "light",
"type": "internal",
"className": "",
"text": "Internal Link",
"external_url": "https://google.com",
"internal_url": "https://google.com",
"file_url": ""
}
.list-link
--iconFillColor illiniOrange
--linkColor charcoalLight
--linkColorActive illiniOrange
&--arch
--iconFillColor industrialBlue
--linkColor charcoalLight
--linkColorActive industrialBlue
&--art
--iconFillColor archesBlue
--linkColor charcoalLight
--linkColorActive archesBlueDark
&--college
--iconFillColor illiniOrange
--linkColor illiniBlue
--linkColorActive illiniOrange
&--dance
--iconFillColor archesBlue
--linkColor charcoalLight
--linkColorActive archesBlueDark
&--durp
--iconFillColor illiniOrange
--linkColor charcoalLight
--linkColorActive illiniOrange
&--theatre
--iconFillColor illiniOrange
--linkColor illiniBlue
--linkColorActive illiniOrange
&--music
--iconFillColor illiniOrange
--linkColor illiniBlue
--linkColorActive illiniOrange
@extends $tertiaryLink
transition all 0.3s
color var(--linkColor)
display flex
flex-direction row
justify-content space-between
align-items center
width 100%
margin-bottom 2px
padding 14px 16px
font-weight 500
background-color white
text-decoration none
&:last-of-type
margin-bottom 0
&:hover
color var(--linkColorActive)
&--dark
color white
background-color charcoalLighter
&__icon
line-height 0
& svg path
fill var(--iconFillColor)
There are no notes for this item.