<div class="page-summary-with-image page-summary-with-image--durp">
<div class="page-summary-with-image__navigation">
</div>
<div class="page-summary-with-image__container">
<div class="page-summary-with-image__summary">
</div>
<div class="page-summary-with-image__image">
</div>
</div>
</div>
<div class="page-summary-with-image page-summary-with-image--{{ siteUnit }}">
<div class="page-summary-with-image__navigation">
{% block navigation %}
{% endblock %}
</div>
<div class="page-summary-with-image__container">
<div class="page-summary-with-image__summary">
{% block summary %}
{% endblock %}
</div>
<div class="page-summary-with-image__image">
{% block image %}
{% endblock %}
</div>
</div>
</div>
{
"siteUnit": "durp",
"departmentName": "Department of Urban and Regional Planning",
"background": "dark"
}
.page-summary-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
&__navigation
@extends $contentContainer
&__container
@extends $contentContainer
display flex
flex-direction column-reverse
margin-top 32px
+above(medium)
flex-direction row
&__summary
flex 1
&__image
margin-bottom 32px
+above(medium)
align-self flex-start
flex 0 0 32.5%
margin-left 48px
margin-top 0
&--music .captioned-image__caption
color rgba(255, 255, 255, 0.75)
There are no notes for this item.