There are no notes for this item.
<div class="">
<img alt="" sizes="(min-width:1310px) 1310px, 100vw" srcset="https://sandbox.prod.drupal.uiowa.edu/sites/sandbox.uiowa.edu/files/2021-03/bg-image.jpg 384w,https://sandbox.prod.drupal.uiowa.edu/sites/sandbox.uiowa.edu/files/2021-03/bg-image.jpg 768w,https://sandbox.prod.drupal.uiowa.edu/sites/sandbox.uiowa.edu/files/2021-03/bg-image.jpg 1024w,https://sandbox.prod.drupal.uiowa.edu/sites/sandbox.uiowa.edu/files/2021-03/bg-image.jpg 1312w,https://sandbox.prod.drupal.uiowa.edu/sites/sandbox.uiowa.edu/files/2021-03/bg-image.jpg 1920w,https://sandbox.prod.drupal.uiowa.edu/sites/sandbox.uiowa.edu/files/2021-03/bg-image.jpg 2592w," src="" typeof="foaf:Image">
</div>
@mixin media-border {
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.125);
}
@mixin media-circle {
border-radius: 50%;
margin-top: 0;
height: auto;
}
.media--border {
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.125); }
.media--border img {
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.125); }
.media--circle {
border-radius: 50%;
margin-top: 0;
height: auto; }
.media--circle img {
border-radius: 50%;
margin-top: 0;
height: auto; }
@import '../../assets/scss/variables';
@import '../../assets/scss/utilities';
@import '_media-mixins.scss';
.media {
&--border {
@include media-border;
img {
@include media-border;
}
}
&--circle {
@include media-circle;
img {
@include media-circle;
}
}
}