Organize partials

docs/documentation/columns/gap.html

@@ -84,7 +84,7 @@ breadcrumb:
 </div>
 {% endcapture %}
 
-{% include anchor.html name="Default gap" %}
+{% include elements/anchor.html name="Default gap" %}
 
 <div class="content">
   <p>
@@ -96,7 +96,7 @@ breadcrumb:
 
 {{ columns_default_gap }}
 
-{% include anchor.html name="Gapless" %}
+{% include elements/anchor.html name="Gapless" %}
 
 <div class="content">
   <p>
@@ -161,7 +161,7 @@ breadcrumb:
   {% highlight html %}{{ columns_gapless_multiline }}{% endhighlight %}
 </div>
 
-{% include anchor.html name="Variable gap" %}
+{% include elements/anchor.html name="Variable gap" %}
 
 <div class="field is-grouped is-grouped-multiline">
   <div class="control">
@@ -198,7 +198,7 @@ breadcrumb:
   </p>
 </div>
 
-{% include klmn.html %}
+{% include content/klmn.html %}
 
 <div class="message is-warning">
   <div class="message-body">

docs/documentation/columns/options.html

@@ -88,7 +88,7 @@ breadcrumb:
 </div>
 {% endcapture %}
 
-{% include anchor.html name="Multiline" %}
+{% include elements/anchor.html name="Multiline" %}
 
 <div class="content">
   <p>Whenever you want to start a new line, you can close a <code>columns</code> container and start a new one. But you can also add the <code>is-multiline</code> modifier and add <strong>more</strong> column elements that would fit in a single row.</p>
@@ -126,7 +126,7 @@ breadcrumb:
 
 {% highlight html %}{{ columns_multiline }}{% endhighlight %}
 
-{% include anchor.html name="Centering columns" %}
+{% include elements/anchor.html name="Centering columns" %}
 
 <div class="content">
   <p>

docs/documentation/columns/responsiveness.html

@@ -42,7 +42,7 @@ breadcrumb:
 </div>
 {% endcapture %}
 
-{% include anchor.html name="Mobile columns" %}
+{% include elements/anchor.html name="Mobile columns" %}
 
 <div class="content">
   <p>
@@ -101,7 +101,7 @@ breadcrumb:
 
 {% highlight html %}{{ columns_desktop }}{% endhighlight %}
 
-{% include anchor.html name="Different column sizes per breakpoint" %}
+{% include elements/anchor.html name="Different column sizes per breakpoint" %}
 
 <div class="content">
   <p>You can define a <strong>column size</strong> for <em>each</em> viewport size: mobile, tablet, and desktop.</p>

docs/documentation/columns/sizes.html

@@ -272,7 +272,7 @@ breadcrumb:
   {% highlight html %}{{ columns_sizes }}{% endhighlight %}
 </div>
 
-{% include anchor.html name="12 columns system" %}
+{% include elements/anchor.html name="12 columns system" %}
 
 <div class="content">
   <p>As the grid can be divided into <strong>12</strong> columns, there are size classes for each division:</p>
@@ -511,7 +511,7 @@ breadcrumb:
   </div>
 </div>
 
-{% include anchor.html name="Offset" %}
+{% include elements/anchor.html name="Offset" %}
 
 <div class="content">
   <p>
@@ -559,7 +559,7 @@ breadcrumb:
   {% highlight html %}{{ columns_offset }}{% endhighlight %}
 </div>
 
-{% include anchor.html name="Narrow column" %}
+{% include elements/anchor.html name="Narrow column" %}
 
 <div class="content">
   <p>If you want a column to only take the <strong>space it needs</strong>, use the <code>is-narrow</code> modifier. The other column(s) will fill up the remaining space.</p>