<a href="" class="list-link list-link--light
list-link--music" target="_blank" rel="noopener">
File Link
<span class="list-link__icon"><svg aria-label="File download" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
<path fill="#E84A27" d="M10 0l4 4v12H0V0h10zM9 2H2v12h10V5H9V2zm1 9v1H4v-1h6zm0-2v1H4V9h6zm0-2v1H4V7h6zM6 4v1H4V4h2z"/>
</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": "music",
"departmentName": "Music",
"background": "light",
"type": "file",
"className": "",
"text": "File Link",
"external_url": "https://google.com",
"internal_url": "",
"file_url": "https://google.com"
}
.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.