<div class="page-header-with-image page-header-with-image--music">
<div class="page-header-with-image__navigation">
</div>
<div class="page-header-with-image__container">
<div class="page-header-with-image__header">
</div>
<div class="page-header-with-image__image">
</div>
</div>
</div>
<div class="page-header-with-image page-header-with-image--{{ siteUnit }}">
<div class="page-header-with-image__navigation">
{% block navigation %}
{% endblock %}
</div>
<div class="page-header-with-image__container">
<div class="page-header-with-image__header">
{% block header %}
{% endblock %}
</div>
<div class="page-header-with-image__image">
{% block image %}
{% endblock %}
</div>
</div>
</div>
{
"siteUnit": "music",
"departmentName": "Music",
"background": "light"
}
.page-header-with-image
background-color cloud
medium = 800px
fluid(padding-bottom, 500px, maxContentWidth, 48px, 64px)
fluid(padding-top, 500px, maxContentWidth, 32px, 64px)
&--college
background-color white
&--durp
border-top 8px solid illiniOrange
&--music
background-color almaMaterDark
&--music .captioned-image__caption
color rgba(255, 255, 255, 0.75)
&__navigation
@extends $contentContainer
&__container
@extends $contentContainer
display flex
flex-direction column
margin-top 32px
&__image
margin 32px 0
+above(medium)
align-self flex-start
flex 0 0 100%
margin-top 0
There are no notes for this item.