<div class="page-content">
<div class="page-content__tray">
<!-- component content comes here -->
</div>
</div>
No notes defined.
/* No context defined. */
.page-content {
background: $gray-bg;
&__tray {
margin: 0 0.8rem;
background: $white;
border-radius: 1.8rem;
position: relative;
top: -3.2rem;
overflow: hidden;
padding: 4.2rem 1.6rem;
}
@media screen and (min-width: $mq-medium) {
&__tray {
padding: 7.3rem 11.8rem;
margin: 0 2.5rem;
}
}
}
{{!-- THIS TEMPLATE IS INTENDED FOR ILLUSTRATIVE PURPOSES ONLY --}}
<div class="page-content">
<div class="page-content__tray">
<!-- component content comes here -->
</div>
</div>