Fix typo "modifer" to "modifier" in all docs (#1245)

.github/CONTRIBUTING.md

@@ -24,7 +24,7 @@ Thanks for helping out! 😇
   * nested tags
   * pseudo-classes
   * color modifiers
-  * size modifers
+  * size modifiers
   * modifiers
   * responsive styles
 * Add appropriate one-line comments for each of these sections within a CSS rule

CHANGELOG.md

@@ -262,7 +262,7 @@ Variable name changes (mostly appending `-color`):
 * Split icon container dimensions and icon size
 * Fix delete button by using pixels instead of (r)em
 * Fix level on mobile
-* Add new `.is-spaced` modifer for titles and subtitles
+* Add new `.is-spaced` modifier for titles and subtitles
 
 * Fix #487
 * Fix #489

docs/documentation/components/navbar.html

@@ -796,7 +796,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/documentation/elements/image.html

@@ -80,7 +80,7 @@ variables:
     {% include anchor.html name="Responsive images with ratios" %}
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/documentation/form/general.html

@@ -958,7 +958,7 @@ variables:
     {% include snippet.html content=addons_expanded_fullwidth_example %}
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
 
     {% include snippet.html content=addons_center_example %}
@@ -976,7 +976,7 @@ variables:
     {% include snippet.html content=group_example %}
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/documentation/overview/responsiveness.html

@@ -23,7 +23,7 @@ doc-subtab: responsiveness
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     {% include anchor.html name="Breakpoints" %}

docs/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.0/documentation/components/navbar/index.html

@@ -1304,7 +1304,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.0/documentation/elements/form/index.html

@@ -1836,7 +1836,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1930,7 +1930,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.0/documentation/elements/image/index.html

@@ -535,7 +535,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.0/documentation/form/general/index.html

@@ -1396,7 +1396,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1522,7 +1522,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.0/documentation/overview/responsiveness/index.html

@@ -409,7 +409,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.1/documentation/components/navbar/index.html

@@ -1368,7 +1368,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.1/documentation/elements/form/index.html

@@ -1842,7 +1842,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1936,7 +1936,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.1/documentation/elements/image/index.html

@@ -543,7 +543,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.1/documentation/form/general/index.html

@@ -1408,7 +1408,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1534,7 +1534,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.1/documentation/overview/responsiveness/index.html

@@ -415,7 +415,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html

@@ -1304,7 +1304,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html

@@ -1836,7 +1836,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1930,7 +1930,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html

@@ -535,7 +535,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html

@@ -1396,7 +1396,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1522,7 +1522,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html

@@ -409,7 +409,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/documentation/components/navbar/index.html

@@ -953,7 +953,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/documentation/elements/image/index.html

@@ -600,7 +600,7 @@
 
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/documentation/form/general/index.html

@@ -1587,7 +1587,7 @@
 
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
 
     
@@ -1758,7 +1758,7 @@
 
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.2/documentation/overview/responsiveness/index.html

@@ -432,7 +432,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr style="margin-bottom: 0;">

docs/versions/0.5.2/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.2/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/versions/0.5.0/documentation/components/navbar/index.html

@@ -1304,7 +1304,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.0/documentation/elements/form/index.html

@@ -1836,7 +1836,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1930,7 +1930,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.5.0/documentation/elements/image/index.html

@@ -535,7 +535,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.5.0/documentation/form/general/index.html

@@ -1396,7 +1396,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1522,7 +1522,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.0/documentation/overview/responsiveness/index.html

@@ -409,7 +409,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/versions/0.5.1/documentation/components/navbar/index.html

@@ -1368,7 +1368,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.1/documentation/elements/form/index.html

@@ -1842,7 +1842,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1936,7 +1936,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.5.1/documentation/elements/image/index.html

@@ -543,7 +543,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.5.1/documentation/form/general/index.html

@@ -1408,7 +1408,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1534,7 +1534,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.1/documentation/overview/responsiveness/index.html

@@ -415,7 +415,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html

@@ -1304,7 +1304,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html

@@ -1836,7 +1836,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1930,7 +1930,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html

@@ -535,7 +535,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html

@@ -1396,7 +1396,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1522,7 +1522,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html

@@ -409,7 +409,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html

@@ -1261,7 +1261,7 @@
 
     <div class="content">
       <p>
-        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifer on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
+        To seamlessly integrate the navbar in any visual context, you can add the <code>is-transparent</code> modifier on the <code>navbar</code> component. This will remove any hover or active background from the navbar items.
       </p>
     </div>
 

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html

@@ -1832,7 +1832,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1926,7 +1926,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>control</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong>.

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html

@@ -485,7 +485,7 @@
     <h3 class="title">Responsive images with ratios</h3>
 
     <div class="content">
-      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifers</strong>:</p>
+      <p>If you don't know the exact dimensions but know the <strong>ratio</strong> instead, you can use one of the <strong>5 ratio modifiers</strong>:</p>
     </div>
 
     <table id="images" class="table is-bordered">

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html

@@ -1384,7 +1384,7 @@
 <span class="nt">&lt;/div&gt;</span></code></pre></figure>
 
     <div class="content">
-      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
+      <p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifiers to alter the <strong>alignment</strong>.</p>
     </div>
     <div class="example">
       
@@ -1478,7 +1478,7 @@
       <p>
         If you want to <strong>group</strong> controls together, use the <code>is-grouped</code> modifier on the <code>field</code> container.
         <br>
-        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifers to alter the <strong>alignment</strong>.
+        Use the <code>is-grouped-centered</code> or the <code>is-grouped-right</code> modifiers to alter the <strong>alignment</strong>.
       </p>
       <p>
         Add the <code>is-expanded</code> modifier on the control element you want to <strong>fill up the remaining space</strong> with.

docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html

@@ -402,7 +402,7 @@
         <li>the <code>level</code> component will show its children stacked vertically</li>
         <li>the <code>nav</code> menu will be hidden</li>
       </ul>
-      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
+      <p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifier.</p>
     </div>
 
     <hr>