Organize partials

docs/documentation/layout/footer.html

@@ -27,8 +27,8 @@ breadcrumb:
 
 {% include layout/main-close.html %}
 
-{% include snippet.html content=footer_example horizontal=true more=true fullwidth=true %}
+{% include elements/snippet.html content=footer_example horizontal=true more=true fullwidth=true %}
 
 {% include layout/main-open.html %}
 
-{% include variables.html %}
+{% include elements/variables.html %}

docs/documentation/layout/hero.html

@@ -648,9 +648,9 @@ breadcrumb:
 {% endcapture %}
 
 <section class="section is-fullwidth">
-  {% include snippet.html content=heroNavbarA horizontal=true more=true %}
-  {% include snippet.html content=heroNavbarB horizontal=true more=true %}
-  {% include snippet.html content=heroNavbarC horizontal=true more=true %}
+  {% include elements/snippet.html content=heroNavbarA horizontal=true more=true %}
+  {% include elements/snippet.html content=heroNavbarB horizontal=true more=true %}
+  {% include elements/snippet.html content=heroNavbarC horizontal=true more=true %}
 </section>
 
 {% include layout/main-open.html %}

docs/documentation/layout/level.html

@@ -185,22 +185,22 @@ breadcrumb:
   </nav>
 </div>
 
-{% include snippet.html content=nav_example horizontal=true more=true %}
+{% include elements/snippet.html content=nav_example horizontal=true more=true %}
 
-{% include anchor.html name="Centered level" %}
+{% include elements/anchor.html name="Centered level" %}
 
 <div class="content">
   If you want a <strong>centered level</strong>, you can use as many <code>level-item</code> as you want, as long as they are <strong>direct</strong> children of the <code>level</code> container.
 </div>
 
-{% include snippet.html content=nav_centered_example horizontal=true more=true %}
+{% include elements/snippet.html content=nav_centered_example horizontal=true more=true %}
 
-{% include snippet.html content=nav_centered_bis_example horizontal=true more=true %}
+{% include elements/snippet.html content=nav_centered_bis_example horizontal=true more=true %}
 
-{% include anchor.html name="Mobile level" %}
+{% include elements/anchor.html name="Mobile level" %}
 
 <div class="content">
   By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the <code>is-mobile</code> modifier on the <code>level</code> container.
 </div>
 
-{% include snippet.html content=nav_mobile_example horizontal=true more=true %}
+{% include elements/snippet.html content=nav_mobile_example horizontal=true more=true %}

docs/documentation/layout/media-object.html

@@ -200,18 +200,18 @@ breadcrumb:
   </article>
 </div>
 
-{% include snippet.html content=media_example horizontal=true more=true %}
+{% include elements/snippet.html content=media_example horizontal=true more=true %}
 
 <div class="content">
   <p>You can include <em>any</em> other Bulma element, like inputs, textareas, icons, buttons... or even a <strong>nav bar</strong>.</p>
 </div>
 
-{% include snippet.html content=media_bis_example horizontal=true more=true %}
+{% include elements/snippet.html content=media_bis_example horizontal=true more=true %}
 
-{% include anchor.html name="Nesting" %}
+{% include elements/anchor.html name="Nesting" %}
 
 <div class="content">
   <p>You can nest media objects up to <strong>3 levels</strong> deep.</p>
 </div>
 
-{% include snippet.html content=media_nested_example horizontal=true more=true %}
+{% include elements/snippet.html content=media_nested_example horizontal=true more=true %}

docs/documentation/layout/section.html

@@ -33,4 +33,4 @@ breadcrumb:
   <p>You can use the modifiers <code>is-medium</code> and <code>is-large</code> to change the <strong>spacing</strong>.</p>
 </div>
 
-{% include variables.html %}
+{% include elements/variables.html %}

docs/documentation/layout/tiles.html

@@ -440,7 +440,7 @@ tile is-ancestor
 
 {% highlight html %}{{ tile_empty }}{% endhighlight %}
 
-{% include anchor.html name="Example" %}
+{% include elements/anchor.html name="Example" %}
 
 <div class="tile is-ancestor">
   <div class="tile is-vertical is-8">
@@ -492,7 +492,7 @@ tile is-ancestor
 
 {% highlight html %}{{ tile_default }}{% endhighlight %}
 
-{% include anchor.html name="Modifiers" %}
+{% include elements/anchor.html name="Modifiers" %}
 
 <div class="content">
   <p>The <code>tile</code> element has <strong>16 modifiers</strong>:</p>
@@ -521,7 +521,7 @@ tile is-ancestor
   </ul>
 </div>
 
-{% include anchor.html name="How it works: Nesting" %}
+{% include elements/anchor.html name="How it works: Nesting" %}
 
 <div class="content">
   <p>Everything is a tile! To create a grid of tiles, you only need to <strong>nest</strong> <code>tile</code> elements.</p>
@@ -606,7 +606,7 @@ tile is-ancestor
 
 {% highlight html %}{{ tile_lorem }}{% endhighlight %}
 
-{% include anchor.html name="Nesting requirements" %}
+{% include elements/anchor.html name="Nesting requirements" %}
 
 <article class="message is-danger">
   <div class="message-header">
@@ -682,7 +682,7 @@ tile is-ancestor
 
 {% highlight html %}{{ tile_any_content }}{% endhighlight %}
 
-{% include anchor.html name="3 columns" %}
+{% include elements/anchor.html name="3 columns" %}
 
 <div class="tile is-ancestor">
   <div class="tile is-parent">
@@ -777,7 +777,7 @@ tile is-ancestor
 
 {% highlight html %}{{ tile_3_columns }}{% endhighlight %}
 
-{% include anchor.html name="4 columns" %}
+{% include elements/anchor.html name="4 columns" %}
 
 <div class="tile is-ancestor">
   <div class="tile is-parent">