<a href="" class="list-link list-link--light
list-link--network" target="_blank" rel="noopener">
External Link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</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": "external",
"className": "",
"text": "External Link",
"external_url": "https://google.com",
"internal_url": "",
"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.