Do elements

docs/documentation/elements/box.html

@@ -1,12 +1,20 @@
 ---
 title: Box
+subtitle: "A white <strong>box</strong> 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
 ---
 
-{% include subnav/subnav-elements.html %}
-
 {% capture box_example %}
 <div class="box">
   <article class="media">
@@ -47,32 +55,14 @@ doc-subtab: box
 </div>
 {% endcapture %}
 
-<section class="section">
-  <div class="container">
-    <h1 class="title">Box</h1>
-    <h2 class="subtitle">
-      A white <strong>box</strong> to contain other elements
-    </h2>
-    {%
-      include meta.html
-      colors=false
-      sizes=false
-      variables=true
-    %}
+<div class="content">
+  <p>
+    The <code>.box</code> element is simply a container with a shadow, a border, a radius, and some padding.
+    <br>
+    For example, you can include a media object:
+  </p>
+</div>
 
-    <hr>
+{% include snippet.html content=box_example more=true %}
 
-    <div class="content">
-      <p>
-        The <code>.box</code> element is simply a container with a shadow, a border, a radius, and some padding.
-        <br>
-        For example, you can include a media object:
-      </p>
-    </div>
-
-    {% include snippet.html content=box_example more=true %}
-
-    {% include variables.html type='element' %}
-
-  </div>
-</section>
+{% include variables.html type='element' %}