<div class="box box--primary">
<h3 class="mrgt0">Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio suscipit eligendi et nesciunt autem iste laborum inventore fugiat repudiandae nisi voluptate soluta recusandae <a href="#">ullam magnam</a> omnis nostrum, facere, accusantium at!</p>
<p class="mrgb0"><a href="#" class="btn btn--block btn--default">Button</a></p>
</div>
By default two styling modifiers are provided: default
and primary
. Remove the default padding with tight
, adjust it according to the spacing settings with tiny
, small
, large
or huge
.