Container for setting max width around content.
<div class="o-wrapper">
<div class="u-w-100% u-p-xs u-px-md u-radius-lg u-bg-slate-800 u-dark u-fw-500 u-center">
'Max Content' Width Container
</div>
</div>Use the "full" wrapper modifier to stretch the contents of the wrapper full width. Very useful for components such as panoramic images which stretch full width.
<div class="o-wrapper">
<div class="u-w-100% u-p-xs u-px-md u-radius-lg u-bg-slate-800 u-dark u-fw-500 u-center">
'Max Content' Width Container
</div>
</div><div class="o-wrapper o-wrapper--full">
<div class="u-w-100% u-p-xs u-px-md u-radius-lg u-bg-slate-800 u-dark u-fw-500 u-center">
'Full Bleed' Width Container
</div>
</div>