--- title: Box subtitle: "A white box to contain other elements" layout: documentation doc-tab: elements doc-subtab: box breadcrumb: - home - documentation - elements - elements-box meta: colors: false sizes: false variables: true --- {% capture box_example %}
Image

John Smith @johnsmith 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.

{% endcapture %}

The .box element is simply a container with a shadow, a border, a radius, and some padding.
For example, you can include a media object:

{% include snippet.html content=box_example more=true %} {% include variables.html type='element' %}