Add Bulma book

docs/documentation/columns/basics.html

@@ -22,7 +22,7 @@ doc-subtab: basics
 </div>
 {% endcapture %}
 
-{% include subnav-columns.html %}
+{% include subnav/subnav-columns.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/columns/gap.html

@@ -79,7 +79,7 @@ doc-subtab: gap
 </div>
 {% endcapture %}
 
-{% include subnav-columns.html %}
+{% include subnav/subnav-columns.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/columns/nesting.html

@@ -5,7 +5,7 @@ doc-tab: columns
 doc-subtab: nesting
 ---
 
-{% include subnav-columns.html %}
+{% include subnav/subnav-columns.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/columns/options.html

@@ -83,7 +83,7 @@ doc-subtab: options
 </div>
 {% endcapture %}
 
-{% include subnav-columns.html %}
+{% include subnav/subnav-columns.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/columns/responsiveness.html

@@ -37,7 +37,7 @@ doc-subtab: responsiveness
 </div>
 {% endcapture %}
 
-{% include subnav-columns.html %}
+{% include subnav/subnav-columns.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/columns/sizes.html

@@ -95,7 +95,7 @@ doc-subtab: sizes
 </div>
 {% endcapture %}
 
-{% include subnav-columns.html %}
+{% include subnav/subnav-columns.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/breadcrumb.html

@@ -5,7 +5,7 @@ doc-tab: components
 doc-subtab: breadcrumb
 ---
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 {% capture breadcrumb_example %}
 <nav class="breadcrumb" aria-label="breadcrumbs">

docs/documentation/components/card.html

@@ -89,7 +89,7 @@ doc-subtab: card
 </div>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/dropdown.html

@@ -188,7 +188,7 @@ doc-subtab: dropdown
 </div>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/menu.html

@@ -42,7 +42,7 @@ doc-subtab: menu
 </aside>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/message.html

@@ -108,7 +108,7 @@ doc-subtab: message
 {% endfor %}
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/modal.html

@@ -46,7 +46,7 @@ doc-subtab: modal
 </div>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/nav.html

@@ -4,7 +4,7 @@ doc-tab: components
 doc-subtab: nav
 ---
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/navbar.html

@@ -5,7 +5,7 @@ doc-tab: components
 doc-subtab: navbar
 ---
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 {% capture navbar_example %}
 {% include examples/navbar.html id="Default" %}
@@ -31,7 +31,7 @@ doc-subtab: navbar
 <nav class="navbar" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
     <a class="navbar-item" href="{{ site.url }}">
-      <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
+      <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
     </a>
 
     <div class="navbar-burger">
@@ -154,7 +154,7 @@ doc-subtab: navbar
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
-        Version {{ site.version }}
+        Version {{ site.data.meta.version }}
       </div>
     </div>
   </div>
@@ -186,7 +186,7 @@ doc-subtab: navbar
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
-        Version {{ site.version }}
+        Version {{ site.data.meta.version }}
       </div>
     </div>
   </div>
@@ -218,7 +218,7 @@ doc-subtab: navbar
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
-        Version {{ site.version }}
+        Version {{ site.data.meta.version }}
       </div>
     </div>
   </div>
@@ -252,7 +252,7 @@ doc-subtab: navbar
           </a>
           <hr class="navbar-divider">
           <div class="navbar-item">
-            Version {{ site.version }}
+            Version {{ site.data.meta.version }}
           </div>
         </div>
       </div>
@@ -276,7 +276,7 @@ doc-subtab: navbar
           </a>
           <hr class="navbar-divider">
           <div class="navbar-item">
-            Version {{ site.version }}
+            Version {{ site.data.meta.version }}
           </div>
         </div>
       </div>
@@ -341,7 +341,7 @@ doc-subtab: navbar
           </a>
           <hr class="navbar-divider">
           <div class="navbar-item">
-            Version {{ site.version }}
+            Version {{ site.data.meta.version }}
           </div>
         </div>
       </div>
@@ -353,7 +353,7 @@ doc-subtab: navbar
 {% capture navbar_dropdown_default_example %}
 <nav class="navbar" role="navigation" aria-label="dropdown navigation">
   <a class="navbar-item">
-    <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
+    <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
   </a>
 
   <div class="navbar-item has-dropdown is-active">
@@ -373,7 +373,7 @@ doc-subtab: navbar
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
-        Version {{ site.version }}
+        Version {{ site.data.meta.version }}
       </div>
     </div>
   </div>
@@ -394,7 +394,7 @@ doc-subtab: navbar
 {% capture navbar_dropdown_boxed_example %}
 <nav class="navbar is-transparent" role="navigation" aria-label="dropdown navigation">
   <a class="navbar-item">
-    <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
+    <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
   </a>
 
   <div class="navbar-item has-dropdown is-active">
@@ -414,7 +414,7 @@ doc-subtab: navbar
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
-        Version {{ site.version }}
+        Version {{ site.data.meta.version }}
       </div>
     </div>
   </div>
@@ -435,7 +435,7 @@ doc-subtab: navbar
 {% capture navbar_dropdown_item_active_example %}
 <nav class="navbar" role="navigation" aria-label="dropdown navigation">
   <a class="navbar-item">
-    <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
+    <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
   </a>
 
   <div class="navbar-item has-dropdown is-active">
@@ -455,7 +455,7 @@ doc-subtab: navbar
       </a>
       <hr class="navbar-divider">
       <div class="navbar-item">
-        Version {{ site.version }}
+        Version {{ site.data.meta.version }}
       </div>
     </div>
   </div>
@@ -829,10 +829,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     <div id="navbarToggles" class="buttons">
       <a id="navbarFixBottom" class="button is-link">
-        <span class="icon">
-          <i class="far fa-square"></i>
-        </span>
-        <span>Show <strong>bottom</strong> navbar</span>
+        <span><span id="navbarFixBottomText">Show</span> <strong>bottom</strong> navbar</span>
       </a>
     </div>
 

docs/documentation/components/pagination.html

@@ -149,7 +149,7 @@ doc-subtab: pagination
 </nav>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/panel.html

@@ -73,7 +73,7 @@ doc-subtab: panel
 </nav>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/components/tabs.html

@@ -344,7 +344,7 @@ doc-subtab: tabs
 </div>
 {% endcapture %}
 
-{% include subnav-components.html %}
+{% include subnav/subnav-components.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/box.html

@@ -5,7 +5,7 @@ doc-tab: elements
 doc-subtab: box
 ---
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 {% capture box_example %}
 <div class="box">

docs/documentation/elements/button.html

@@ -448,7 +448,7 @@ doc-subtab: button
 </div>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/content.html

@@ -101,7 +101,7 @@ doc-subtab: content
 </div>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/delete.html

@@ -40,7 +40,7 @@ doc-subtab: delete
 </article>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/icon.html

@@ -48,7 +48,7 @@ doc-subtab: icon
 </span>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/image.html

@@ -25,7 +25,7 @@ dimensions:
 </figure>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/notification.html

@@ -25,7 +25,7 @@ doc-subtab: notification
 {% endfor %}
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/progress.html

@@ -25,7 +25,7 @@ doc-subtab: progress
 <progress class="progress is-large" value="60" max="100">60%</progress>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/table.html

@@ -305,7 +305,7 @@ doc-subtab: table
 </table>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/elements/tag.html

@@ -124,7 +124,7 @@ doc-subtab: tag
 </div>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 {% capture tags_blog_addons %}
 <div class="field is-grouped is-grouped-multiline">

docs/documentation/elements/title.html

@@ -50,7 +50,7 @@ doc-subtab: title
 <p class="subtitle is-5">Subtitle 5</p>
 {% endcapture %}
 
-{% include subnav-elements.html %}
+{% include subnav/subnav-elements.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/form/checkbox.html

@@ -26,7 +26,7 @@ doc-subtab: checkbox
 </label>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/form/file.html

@@ -527,7 +527,7 @@ variables_keys:
 </div>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">
@@ -743,7 +743,7 @@ variables_keys:
 
     <div class="content">
       <p>
-        You can use <a href="{{ site.github | append: '/blob/master/sass/elements/form.sass#L25,L36' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
+        You can use <a href="{{ site.data.meta.github | append: '/blob/master/sass/elements/form.sass#L25,L36' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
       </p>
     </div>
 

docs/documentation/form/general.html

@@ -795,7 +795,7 @@ variables_form_keys:
 </div>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/form/input.html

@@ -239,7 +239,7 @@ variables_keys:
 </div>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">
@@ -490,7 +490,7 @@ variables_keys:
 
     <div class="content">
       <p>
-        You can use <a href="{{ site.github | append: '/blob/master/sass/elements/form.sass#L1,L23' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
+        You can use <a href="{{ site.data.meta.github | append: '/blob/master/sass/elements/form.sass#L1,L23' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
       </p>
     </div>
 

docs/documentation/form/radio.html

@@ -48,7 +48,7 @@ doc-subtab: radio
 </div>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/form/select.html

@@ -270,7 +270,7 @@ doc-subtab: select
 </div>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/form/textarea.html

@@ -123,7 +123,7 @@ doc-subtab: textarea
 </div>
 {% endcapture %}
 
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/grid/columns.html

@@ -327,7 +327,7 @@ doc-subtab: columns
 </div>
 {% endcapture %}
 
-{% include subnav-grid.html %}
+{% include subnav/subnav-grid.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/grid/tiles.html

@@ -7,7 +7,7 @@ doc-subtab: tiles
 
 <meta http-equiv="refresh" content="0; url={{ site.url }}/documentation/layout/tiles/">
 
-{% include subnav-grid.html %}
+{% include subnav/subnav-grid.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/layout/container.html

@@ -38,7 +38,7 @@ doc-subtab: container
 </div>
 {% endcapture %}
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/layout/footer.html

@@ -5,7 +5,7 @@ doc-tab: layout
 doc-subtab: footer
 ---
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 {% capture footer_example %}
 <footer class="footer">

docs/documentation/layout/hero.html

@@ -5,7 +5,7 @@ doc-tab: layout
 doc-subtab: hero
 ---
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/layout/level.html

@@ -118,7 +118,7 @@ doc-subtab: level
 </nav>
 {% endcapture %}
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/layout/media-object.html

@@ -156,7 +156,7 @@ doc-subtab: media-object
 </article>
 {% endcapture %}
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/layout/section.html

@@ -5,7 +5,7 @@ doc-tab: layout
 doc-subtab: section
 ---
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/layout/tiles.html

@@ -5,7 +5,7 @@ doc-tab: layout
 doc-subtab: tiles
 ---
 
-{% include subnav-layout.html %}
+{% include subnav/subnav-layout.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/modifiers/helpers.html

@@ -5,7 +5,7 @@ doc-tab: modifiers
 doc-subtab: helpers
 ---
 
-{% include subnav-modifiers.html %}
+{% include subnav/subnav-modifiers.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/modifiers/responsive-helpers.html

@@ -52,7 +52,7 @@ doc-subtab: responsive-helpers
 </td>
 {% endcapture %}
 
-{% include subnav-modifiers.html %}
+{% include subnav/subnav-modifiers.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/modifiers/syntax.html

@@ -5,7 +5,7 @@ doc-tab: modifiers
 doc-subtab: syntax
 ---
 
-{% include subnav-modifiers.html %}
+{% include subnav/subnav-modifiers.html %}
 
 {% capture button_example %}
 <a class="button">

docs/documentation/modifiers/typography-helpers.html

@@ -49,7 +49,7 @@ doc-subtab: typography-helpers
 </td>
 {% endcapture %}
 
-{% include subnav-modifiers.html %}
+{% include subnav/subnav-modifiers.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/classes.html

@@ -5,7 +5,7 @@ doc-tab: overview
 doc-subtab: classes
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/colors.html

@@ -16,7 +16,7 @@ colors:
 - danger
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/customize.html

@@ -49,7 +49,7 @@ $colors: map-merge($colors, $addColors);
 @import "../bulma";
 {% endcapture %}
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/functions.html

@@ -5,7 +5,7 @@ doc-tab: overview
 doc-subtab: functions
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/mixins.html

@@ -5,7 +5,7 @@ doc-tab: overview
 doc-subtab: mixins
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/modular.html

@@ -5,7 +5,7 @@ doc-tab: overview
 doc-subtab: modular
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/responsiveness.html

@@ -11,7 +11,7 @@ variables_keys:
 - fullhd
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">
@@ -34,8 +34,8 @@ variables_keys:
 
     {% include anchor.html name="Breakpoints" %}
 
-    {% assign variables_file_url = "/blob/master/sass/utilities/initial-variables.sass#L46,L57" | prepend: site.github %}
-    {% assign mixins_file_url = "/blob/master/sass/utilities/mixins.sass#L182,L226" | prepend: site.github %}
+    {% assign variables_file_url = "/blob/master/sass/utilities/initial-variables.sass#L46,L57" | prepend: site.data.meta.github %}
+    {% assign mixins_file_url = "/blob/master/sass/utilities/mixins.sass#L182,L226" | prepend: site.data.meta.github %}
 
     <div class="content">
       <p>Bulma has <a href="{{ variables_file_url }}" target="_blank">5 breakpoints</a>:</p>

docs/documentation/overview/start.html

@@ -5,7 +5,7 @@ doc-tab: overview
 doc-subtab: start
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">

docs/documentation/overview/variables.html

@@ -5,7 +5,7 @@ doc-tab: overview
 doc-subtab: variables
 ---
 
-{% include subnav-overview.html %}
+{% include subnav/subnav-overview.html %}
 
 <section class="section">
   <div class="container">