Organize partials

docs/documentation/elements/button.html

@@ -463,7 +463,7 @@ meta:
   </p>
 </div>
 
-{% include snippet.html content=button_example %}
+{% include elements/snippet.html content=button_example %}
 
 <div class="content">
   <p>
@@ -485,23 +485,23 @@ meta:
   </ul>
 </div>
 
-{% include snippet.html content=button_tags_example %}
+{% include elements/snippet.html content=button_tags_example %}
 
-{% include anchor.html name="Colors" %}
+{% include elements/anchor.html name="Colors" %}
 
-{% include snippet.html content=button_colors_a_example %}
+{% include elements/snippet.html content=button_colors_a_example %}
 
-{% include snippet.html content=button_colors_b_example %}
+{% include elements/snippet.html content=button_colors_b_example %}
 
-{% include anchor.html name="Sizes" %}
+{% include elements/anchor.html name="Sizes" %}
 
-{% include snippet.html content=button_sizes_example %}
+{% include elements/snippet.html content=button_sizes_example %}
 
-{% include anchor.html name="Styles" %}
+{% include elements/anchor.html name="Styles" %}
 
 <h4 class="subtitle">Outlined</h4>
 
-{% include snippet.html content=button_outlined_example %}
+{% include elements/snippet.html content=button_outlined_example %}
 
 <h4 class="subtitle">Inverted (the text color becomes the background color, and vice-versa)</h4>
 
@@ -541,23 +541,23 @@ meta:
   </div>
 </div>
 
-{% include anchor.html name="States" %}
+{% include elements/anchor.html name="States" %}
 
 <h4 class="subtitle">Normal</h4>
 
-{% include snippet.html content=button_normal_example %}
+{% include elements/snippet.html content=button_normal_example %}
 
 <h4 class="subtitle">Hover</h4>
 
-{% include snippet.html content=button_hover_example %}
+{% include elements/snippet.html content=button_hover_example %}
 
 <h4 class="subtitle">Focus</h4>
 
-{% include snippet.html content=button_focus_example %}
+{% include elements/snippet.html content=button_focus_example %}
 
 <h4 class="subtitle">Active</h4>
 
-{% include snippet.html content=button_active_example %}
+{% include elements/snippet.html content=button_active_example %}
 
 <h4 class="subtitle">Loading</h4>
 
@@ -617,7 +617,7 @@ meta:
 
 <h4 class="subtitle">With Font Awesome icons</h4>
 
-{% include snippet.html content=button_fa_example clipped=true %}
+{% include elements/snippet.html content=button_fa_example clipped=true %}
 
 <div class="columns">
   <div class="column">
@@ -633,31 +633,31 @@ meta:
   </div>
 </div>
 
-{% include anchor.html name="Button group" %}
+{% include elements/anchor.html name="Button group" %}
 
 <div class="content">
   <p>If you want to <strong>group</strong> buttons together on a <strong>single line</strong>, use the <code>is-grouped</code> modifier on the <code>field</code> container:</p>
 </div>
 
-{% include snippet.html content=button_group_example %}
+{% include elements/snippet.html content=button_group_example %}
 
-{% include anchor.html name="Button addons" %}
+{% include elements/anchor.html name="Button addons" %}
 
 <div class="content">
   <p>If you want to use buttons as <strong>addons</strong>, use the <code>has-addons</code> modifier on the <code>field</code> container:</p>
 </div>
 
-{% include snippet.html content=button_addons_example %}
+{% include elements/snippet.html content=button_addons_example %}
 
-{% include anchor.html name="Button group with addons" %}
+{% include elements/anchor.html name="Button group with addons" %}
 
 <div class="content">
   <p>You can group together addons as well:</p>
 </div>
 
-{% include snippet.html content=button_group_addons_example %}
+{% include elements/snippet.html content=button_group_addons_example %}
 
-{% include anchor.html name="List of buttons" %}
+{% include elements/anchor.html name="List of buttons" %}
 
 {% include elements/new-tag.html version="0.6.1" %}
 
@@ -775,4 +775,4 @@ meta:
   </div>
 </div>
 
-{% include variables.html type='element' %}
+{% include elements/variables.html type='element' %}