Init v1

docs/documentation/components/menu.html

@@ -1,13 +1,14 @@
 ---
 title: Menu
-layout: documentation
+layout: docs
+theme: library
 doc-tab: components
 doc-subtab: menu
 breadcrumb:
-- home
-- documentation
-- components
-- components-menu
+  - home
+  - documentation
+  - components
+  - components-menu
 meta:
   colors: false
   sizes: false
@@ -16,16 +17,12 @@ meta:
 
 {% capture menu_example %}
 <aside class="menu">
-  <p class="menu-label">
-    General
-  </p>
+  <p class="menu-label">General</p>
   <ul class="menu-list">
     <li><a>Dashboard</a></li>
     <li><a>Customers</a></li>
   </ul>
-  <p class="menu-label">
-    Administration
-  </p>
+  <p class="menu-label">Administration</p>
   <ul class="menu-list">
     <li><a>Team Settings</a></li>
     <li>
@@ -40,9 +37,7 @@ meta:
     <li><a>Cloud Storage Environment Settings</a></li>
     <li><a>Authentication</a></li>
   </ul>
-  <p class="menu-label">
-    Transactions
-  </p>
+  <p class="menu-label">Transactions</p>
   <ul class="menu-list">
     <li><a>Payments</a></li>
     <li><a>Transfers</a></li>
@@ -53,21 +48,17 @@ meta:
 
 <div class="content">
   <p>
-    The Bulma <code>menu</code> is a vertical navigation component that comprises:
+    The Bulma <code>menu</code> is a vertical navigation component that
+    comprises:
   </p>
   <ul>
-    <li>
-      the <code>menu</code> container
-    </li>
-    <li>
-      informative <code>menu-label</code> labels
-    </li>
+    <li>the <code>menu</code> container</li>
+    <li>informative <code>menu-label</code> labels</li>
     <li>
       interactive <code>menu-list</code> lists that can be nested up to 2 levels
     </li>
   </ul>
 </div>
 
-{% include elements/snippet.html content=menu_example size="one-third" %}
+{% include docs/elements/snippet.html content=menu_example size="one-third" %}
 
-{% include components/variables.html type='component' %}