Fix website transfer includes

docs/_posts/2018-04-13-website-redesign.md

@@ -35,7 +35,7 @@ Just see for yourself!
   </div>
 </div>
 
-{% include elements/anchor.html name="Navbar" %}
+{% include docs/elements/anchor.html name="Navbar" %}
 
 The **navbar** has been updated with a lighter markup and cleaner design:
 
@@ -47,7 +47,7 @@ The **navbar** has been updated with a lighter markup and cleaner design:
 
 This doesn't affect the current navbars. There's actually a new modifier called `is-spaced` that was created for this new navbar. Documentation coming soon!
 
-{% include elements/anchor.html name="Customize example" %}
+{% include docs/elements/anchor.html name="Customize example" %}
 
 On the homepage, there's a new [**customization** section with a live example](/#customize):
 
@@ -57,7 +57,7 @@ On the homepage, there's a new [**customization** section with a live example](/
   </a>
 </figure>
 
-{% include elements/anchor.html name="Breadcrumb" %}
+{% include docs/elements/anchor.html name="Breadcrumb" %}
 
 <figure>
   <a href="{{ site.url }}/images/blog/v7/breadcrumb.png">
@@ -69,16 +69,16 @@ A **breadcrumb** is now visible at the top of each page, to easily navigate up a
 
 This has led to the creation of new **intermediate pages**:
 
-* [documentation](/documentation)
-* [documentation/modifiers](/documentation/modifiers)
-* [documentation/columns](/documentation/columns)
-* [documentation/layout](/documentation/layout)
-* [documentation/form](/documentation/form)
-* [documentation/elements](/documentation/elements)
-* [documentation/components](/documentation/components)
-* [more](/more)
+- [documentation](/documentation)
+- [documentation/modifiers](/documentation/modifiers)
+- [documentation/columns](/documentation/columns)
+- [documentation/layout](/documentation/layout)
+- [documentation/form](/documentation/form)
+- [documentation/elements](/documentation/elements)
+- [documentation/components](/documentation/components)
+- [more](/more)
 
-{% include elements/anchor.html name="Links" %}
+{% include docs/elements/anchor.html name="Links" %}
 
 These intermediate pages have new **link boxes** that help dive into each sub-category:
 
@@ -88,7 +88,7 @@ These intermediate pages have new **link boxes** that help dive into each sub-ca
   </a>
 </figure>
 
-{% include elements/anchor.html name="Previous/Next" %}
+{% include docs/elements/anchor.html name="Previous/Next" %}
 
 Next to the breadcrumb, you can easily navigate to the **sibling** pages with the **previous** and **next** links:
 
@@ -106,7 +106,7 @@ These links are also available at the bottom:
   </a>
 </figure>
 
-{% include elements/anchor.html name="Categories" %}
+{% include docs/elements/anchor.html name="Categories" %}
 
 There's a new **sidebar** including a navigation menu with all the categories and sub-categories:
 
@@ -116,7 +116,7 @@ There's a new **sidebar** including a navigation menu with all the categories an
   </a>
 </figure>
 
-{% include elements/anchor.html name="Scroll spy" %}
+{% include docs/elements/anchor.html name="Scroll spy" %}
 
 On some pages below the categories, you'll find a new menu called "On this page" which is actually a **scroll spy**:
 
@@ -126,7 +126,7 @@ On some pages below the categories, you'll find a new menu called "On this page"
   </a>
 </figure>
 
-{% include elements/anchor.html name="Footer" %}
+{% include docs/elements/anchor.html name="Footer" %}
 
 The footer has been redesigned as well. Among other things, there's a **sitemap** available:
 
@@ -136,7 +136,7 @@ The footer has been redesigned as well. Among other things, there's a **sitemap*
   </a>
 </figure>
 
-{% include elements/anchor.html name="Code" %}
+{% include docs/elements/anchor.html name="Code" %}
 
 The Bulma website is built with **Jekyll**. In the process of this redesign, the underlying code that helps maintain this website has been optimized and cleaned up as well.
 

docs/_posts/2018-04-14-migration-to-v070.md

@@ -13,9 +13,10 @@ While this update is mainly focused on a massive [website redesign](/2018/04/13/
 
 These variable changes are documented here, so you can edit or revert them if needed.
 
-{% include elements/anchor.html name="Updated default values" %}
+{% include docs/elements/anchor.html name="Updated default values" %}
 
 {% for item in site.data.blog.migratingv070.updated %}
+
   <table class="table is-bordered">
     <tbody>
       <tr>
@@ -46,9 +47,10 @@ These variable changes are documented here, so you can edit or revert them if ne
   </table>
 {% endfor %}
 
-{% include elements/anchor.html name="New variables" %}
+{% include docs/elements/anchor.html name="New variables" %}
 
 {% for item in site.data.blog.migratingv070.new %}
+
   <table class="table is-bordered">
     <tbody>
       <tr>
@@ -75,7 +77,7 @@ These variable changes are documented here, so you can edit or revert them if ne
   </table>
 {% endfor %}
 
-{% include elements/anchor.html name="Removed variables" %}
+{% include docs/elements/anchor.html name="Removed variables" %}
 
 <table class="table is-bordered">
   <thead>

docs/_posts/2019-10-15-light-dark-colors.md

@@ -12,21 +12,21 @@ alt: "Light and dark clouds"
 
 The new version **[Bulma 0.8.0](https://github.com/jgthms/bulma/releases/tag/0.8.0)** is out! 😃 It comes with several bug fixes and a lot of nice new features:
 
-* [Light/Dark colors](#light-dark-colors)
-* [Better visual look](#better-visual-look)
-* [Panel colors](#panel-colors)
-* [Larger form controls](#larger-form-controls)
-* [4-value color map](#4-value-color-map)
-* [Scheme variables for "Dark mode"](#scheme-variables-for-dark-mode)
+- [Light/Dark colors](#light-dark-colors)
+- [Better visual look](#better-visual-look)
+- [Panel colors](#panel-colors)
+- [Larger form controls](#larger-form-controls)
+- [4-value color map](#4-value-color-map)
+- [Scheme variables for "Dark mode"](#scheme-variables-for-dark-mode)
 
 More in the [Changelog](https://github.com/jgthms/bulma/releases/tag/0.8.0).
 
-{% include elements/anchor.html name="Light/Dark colors" %}
+{% include docs/elements/anchor.html name="Light/Dark colors" %}
 
 Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now comes with a `*-light` and a `*-dark` version. They are calculated using 2 new color functions:
 
-* `findLightColor()` which finds the light version of a color
-* `findDarkColor()` which finds the dark version of a color
+- `findLightColor()` which finds the light version of a color
+- `findDarkColor()` which finds the dark version of a color
 
 The **light** colors are used by the `button` element:
 
@@ -45,7 +45,7 @@ The **light** and **dark** colors are used by the `message` component, which gen
   </a>
 </div>
 
-{% include elements/anchor.html name="Better visual look" %}
+{% include docs/elements/anchor.html name="Better visual look" %}
 
 Some of the Bulma colors have been updated:
 
@@ -60,10 +60,10 @@ Some of the Bulma colors have been updated:
       <code>$green</code>
     </th>
     <td>
-      {% include elements/color-square.html value="hsl(141, 71%, 48%)" %}
+      {% include docs/elements/color-swatch.html background="hsl(141, 71%, 48%)" %}
     </td>
     <td>
-      {% include elements/color-square.html value="hsl(141, 53%, 53%)" %}
+      {% include docs/elements/color-swatch.html background="hsl(141, 53%, 53%)" %}
     </td>
   </tr>
   <tr>
@@ -71,10 +71,10 @@ Some of the Bulma colors have been updated:
       <code>$cyan</code>
     </th>
     <td>
-      {% include elements/color-square.html value="hsl(204, 86%, 53%)" %}
+      {% include docs/elements/color-swatch.html background="hsl(204, 86%, 53%)" %}
     </td>
     <td>
-      {% include elements/color-square.html value="hsl(204, 71%, 53%)" %}
+      {% include docs/elements/color-swatch.html background="hsl(204, 71%, 53%)" %}
     </td>
   </tr>
   <tr>
@@ -82,10 +82,10 @@ Some of the Bulma colors have been updated:
       <code>$red</code>
     </th>
     <td>
-      {% include elements/color-square.html value="hsl(348, 100%, 61%)" %}
+      {% include docs/elements/color-swatch.html background="hsl(348, 100%, 61%)" %}
     </td>
     <td>
-      {% include elements/color-square.html value="hsl(348, 86%, 61%)" %}
+      {% include docs/elements/color-swatch.html background="hsl(348, 86%, 61%)" %}
     </td>
   </tr>
 </table>
@@ -106,7 +106,7 @@ The <strong>shadows</strong> of the <code>box</code> and <code>card</code> have
   </a>
 </div>
 
-{% include elements/anchor.html name="Panel colors" %}
+{% include docs/elements/anchor.html name="Panel colors" %}
 
 <p>
   The <a href="{{ site.data.links.by_id.components-panel.path }}">panel component</a> is now available in all <strong>colors</strong>:
@@ -118,7 +118,7 @@ The <strong>shadows</strong> of the <code>box</code> and <code>card</code> have
   </a>
 </div>
 
-{% include elements/anchor.html name="Larger form controls" %}
+{% include docs/elements/anchor.html name="Larger form controls" %}
 
 Form controls and buttons are now `2.5em` high. You can revert this resizing by setting these previous values:
 
@@ -131,7 +131,7 @@ $button-padding-vertical: calc(0.375em - #{$button-border-width})
 $button-padding-horizontal: 0.75em
 ```
 
-{% include elements/anchor.html name="4-value color map" %}
+{% include docs/elements/anchor.html name="4-value color map" %}
 
 The `$colors` Sass map now accepts, for each of its values, a map of up to **4** values. For example: the key `"info"` now has the `($info, $info-invert, $info-light, $info-dark)` map.
 
@@ -139,16 +139,30 @@ If you provide a `$custom-colors` map, you can decide to provide a map of 1, 2,
 
 ```scss
 $custom-colors: (
-  "lime": (lime),
-  "tomato": (tomato, white),
-  "orange": ($orange, $orange-invert, $orange-light),
-  "lavender": ($lavender, $lavender-invert, $lavender-light, $lavender-dark)
+  "lime": (
+    lime,
+  ),
+  "tomato": (
+    tomato,
+    white,
+  ),
+  "orange": (
+    $orange,
+    $orange-invert,
+    $orange-light,
+  ),
+  "lavender": (
+    $lavender,
+    $lavender-invert,
+    $lavender-light,
+    $lavender-dark,
+  ),
 );
 ```
 
 This is processed by the updated `mergeColorMaps()` Sass function.
 
-{% include elements/anchor.html name='Scheme variables for "Dark mode"' %}
+{% include docs/elements/anchor.html name='Scheme variables for "Dark mode"' %}
 
 There are 6 new `$scheme` derived variables: `$scheme-main` `$scheme-main-bis` `$scheme-main-ter` `$scheme-invert` `$scheme-invert-bis` `$scheme-invert-ter`
 They replace the `$white` and `$black` occurrences in the codebase.