Box
A padded container for grouping content. Add message for a compact notice with a close button.
| Class | Description |
|---|---|
box-container | Padded container with space below it |
box-container.message | Compact notice, without the space below |
close | A × button in the top right of a message. Hook up your own click handler |
<div class="box-container secondary-bg">Some nice content inside here</div>
<div class="box-container message alizarin-bg">Something went wrong <span class="close">×</span></div>