]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Fix typo "modifer" to "modifier" in all docs (#1245)
authorJoshua Coquelle <joshuacoquelle@gmail.com>
Mon, 2 Oct 2017 18:24:29 +0000 (11:24 -0700)
committerJeremy Thomas <bbxdesign@gmail.com>
Mon, 2 Oct 2017 18:24:29 +0000 (19:24 +0100)
80 files changed:
.github/CONTRIBUTING.md
CHANGELOG.md
docs/documentation/components/navbar.html
docs/documentation/elements/image.html
docs/documentation/form/general.html
docs/documentation/overview/responsiveness.html
docs/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.0/documentation/components/navbar/index.html
docs/versions/0.5.0/documentation/elements/form/index.html
docs/versions/0.5.0/documentation/elements/image/index.html
docs/versions/0.5.0/documentation/form/general/index.html
docs/versions/0.5.0/documentation/overview/responsiveness/index.html
docs/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.1/documentation/components/navbar/index.html
docs/versions/0.5.1/documentation/elements/form/index.html
docs/versions/0.5.1/documentation/elements/image/index.html
docs/versions/0.5.1/documentation/form/general/index.html
docs/versions/0.5.1/documentation/overview/responsiveness/index.html
docs/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html
docs/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html
docs/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html
docs/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html
docs/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html
docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/documentation/components/navbar/index.html
docs/versions/0.5.2/documentation/elements/image/index.html
docs/versions/0.5.2/documentation/form/general/index.html
docs/versions/0.5.2/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.5.0/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.5.0/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.5.0/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.5.0/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.5.0/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.5.1/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.5.1/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.5.1/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.5.1/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.5.1/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html
docs/versions/0.5.2/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html

index 4c17db944a556240a9ee96cc3b9fb3e43187c5fe..f37b30c34184817b6c90083f1b3a4bd833890ef7 100644 (file)
@@ -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
index 157e9f55bf7ccda7ac07cd9e158ac8a20d28f687..37d2991add3e2b51fe2edcad5bcba9decf376ae0 100644 (file)
@@ -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
index 8bcee3acbf9b333631d7114ff7ee6542c1464bb3..e4a2b6baa522e158509ae31acc5b86ecfd69c762 100644 (file)
@@ -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>
 
index 9a08bfea233b68a6a6e571629241caa89e18cc96..2177cee21dd8550075879fc0f6e65f57a5bc13f9 100644 (file)
@@ -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">
index 8b067e1016933b566111a78227e224504c51d975..7d82b9c98eec27a02e27ab96dc0058b3ea57e366 100644 (file)
@@ -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>
 
index 4b86cc59bd7bd24b3400951e78a014236dd33fe5..d73e7080c746df6813dd75e1f188744c08354dd2 100644 (file)
@@ -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" %}
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index c5e0fee0d803e78e839d238b3ff01614609445c3..4c7a5d4cded4ef23a1bd1fc941b275a9203ab0e3 100644 (file)
 
     <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>
 
index 0c0fa8cef5642911236c78e3c06e189c1731cbcd..292e4f60f97810c907c1be18638ea0f17f26ad7b 100644 (file)
 <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">
       
       <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>.
index 0b8313916a49fed60411a013531d3e9e0fe655e5..52f49335ce97f1b65bee2f8b8b864a1d03016b6c 100644 (file)
     <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">
index a52ed83cf2beb9f0513c60faebb7d49632739c40..9abdc55031a617b8c6ba9a12cde651a09abec8a1 100644 (file)
 <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">
       
 <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>
 
index bdda4db360e8128110b289ff982c18aef24e302b..e306a4087b10f7c4024176c6cf21d7c180dca402 100644 (file)
         <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>
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index e6dfae857080acdf128bb50fa0a8207ad3c6f666..41b8026188af8665c457a6aade3296fd20a21ea1 100644 (file)
 
     <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>
 
index af838e8b0bfb3021397a0a013d77b24a7a517834..5199236fa974dc1c0b42269ef6fa9bad8da427fa 100644 (file)
 <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">
       
       <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>.
index 9e3e5caad08423ca4e397e6875b223a0ef81f1d4..c610aab34f97560def8462f3337b5ddfcc92372f 100644 (file)
     <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">
index 6faa55366505797161f6eb9f72c9e2f1d086e321..b2369830a2fde169584b12c7d410aa2282ea79d5 100644 (file)
 <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">
       
 <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>
 
index 8ba5fb2819d14a23eeb29ecf10be0853611c61a8..ccafea3ca7539969cd43c79c64b5a08464b12754 100644 (file)
         <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>
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index c5e0fee0d803e78e839d238b3ff01614609445c3..4c7a5d4cded4ef23a1bd1fc941b275a9203ab0e3 100644 (file)
 
     <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>
 
index 0c0fa8cef5642911236c78e3c06e189c1731cbcd..292e4f60f97810c907c1be18638ea0f17f26ad7b 100644 (file)
 <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">
       
       <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>.
index 0b8313916a49fed60411a013531d3e9e0fe655e5..52f49335ce97f1b65bee2f8b8b864a1d03016b6c 100644 (file)
     <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">
index a52ed83cf2beb9f0513c60faebb7d49632739c40..9abdc55031a617b8c6ba9a12cde651a09abec8a1 100644 (file)
 <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">
       
 <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>
 
index bdda4db360e8128110b289ff982c18aef24e302b..e306a4087b10f7c4024176c6cf21d7c180dca402 100644 (file)
         <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>
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index f560662d02f2150438683075e9d136cea1fbfa53..00b182caecce2012b513c78ebee541a8429a756f 100644 (file)
 
     <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>
 
index c41d6a28843c7f8970fb3f94dbbcdd1dab029c5f..e946ce163d83c73ad77033cc208c4de869f6a95b 100644 (file)
 
 
     <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">
index 87a7bb57de17d988e19496ffc58b853aa9d83fda..4adddf9276c028f9309e5eda9bc6ddafbac6f4d4 100644 (file)
 
 
     <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="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>
 
index b4d7c0bb11ee9d859eea730a3b2e1c9c57194cd0..38162d506b06b3d0585fff1b595b09827aae4041 100644 (file)
         <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;">
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index c5e0fee0d803e78e839d238b3ff01614609445c3..4c7a5d4cded4ef23a1bd1fc941b275a9203ab0e3 100644 (file)
 
     <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>
 
index 0c0fa8cef5642911236c78e3c06e189c1731cbcd..292e4f60f97810c907c1be18638ea0f17f26ad7b 100644 (file)
 <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">
       
       <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>.
index 0b8313916a49fed60411a013531d3e9e0fe655e5..52f49335ce97f1b65bee2f8b8b864a1d03016b6c 100644 (file)
     <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">
index a52ed83cf2beb9f0513c60faebb7d49632739c40..9abdc55031a617b8c6ba9a12cde651a09abec8a1 100644 (file)
 <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">
       
 <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>
 
index bdda4db360e8128110b289ff982c18aef24e302b..e306a4087b10f7c4024176c6cf21d7c180dca402 100644 (file)
         <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>
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index e6dfae857080acdf128bb50fa0a8207ad3c6f666..41b8026188af8665c457a6aade3296fd20a21ea1 100644 (file)
 
     <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>
 
index af838e8b0bfb3021397a0a013d77b24a7a517834..5199236fa974dc1c0b42269ef6fa9bad8da427fa 100644 (file)
 <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">
       
       <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>.
index 9e3e5caad08423ca4e397e6875b223a0ef81f1d4..c610aab34f97560def8462f3337b5ddfcc92372f 100644 (file)
     <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">
index 6faa55366505797161f6eb9f72c9e2f1d086e321..b2369830a2fde169584b12c7d410aa2282ea79d5 100644 (file)
 <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">
       
 <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>
 
index 8ba5fb2819d14a23eeb29ecf10be0853611c61a8..ccafea3ca7539969cd43c79c64b5a08464b12754 100644 (file)
         <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>
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>
index c5e0fee0d803e78e839d238b3ff01614609445c3..4c7a5d4cded4ef23a1bd1fc941b275a9203ab0e3 100644 (file)
 
     <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>
 
index 0c0fa8cef5642911236c78e3c06e189c1731cbcd..292e4f60f97810c907c1be18638ea0f17f26ad7b 100644 (file)
 <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">
       
       <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>.
index 0b8313916a49fed60411a013531d3e9e0fe655e5..52f49335ce97f1b65bee2f8b8b864a1d03016b6c 100644 (file)
     <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">
index a52ed83cf2beb9f0513c60faebb7d49632739c40..9abdc55031a617b8c6ba9a12cde651a09abec8a1 100644 (file)
 <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">
       
 <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>
 
index bdda4db360e8128110b289ff982c18aef24e302b..e306a4087b10f7c4024176c6cf21d7c180dca402 100644 (file)
         <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>
index 9a9e38b0f1fb13ed5e61a4119070058c2acd0bad..8e3343504806ee361c0c23946052a8f8a3145452 100644 (file)
 
     <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>
 
index f5e510261658621371d2abf451ea04b63db19ea1..132b9ab27da56b2a75303ba2f5d7f6b677576d22 100644 (file)
 <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">
       
       <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>.
index 73496ad3ff8a33d8b51fc3e1269df66fa818ecd5..5a09556e73877079ad6f9cf803f59993f7b8ab58 100644 (file)
     <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">
index ae3471cdcb5928bb011a53991a6e1f97ed8e690d..f7dd5494064ed352cc1f3cd8589c6d7bb27354b5 100644 (file)
 <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">
       
       <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.
index b8226a0ccf2dc8568a41b6060dd255a1e47e4e5e..92dce45177dc9d878a17da2c84ae447844c5aad8 100644 (file)
         <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>