Fix various typos in documentation (#1035)

* Fixing various grammatical errors in /index.html

* fixed "add your own colors" thing

* Fixed grammatical errors on various documentation pages

* Update documentation.html

* Update tiles.html

* Update tiles.html

* fixing footer

* Update hero

* Update index.html

* Update index.html

* Removed change in classes

docs/documentation/grid/tiles.html

@@ -15,7 +15,7 @@ doc-subtab: tiles
     <hr>
 
     <div class="content">
-      <p>To build intricate 2-dimensional, you only need a <strong>single element</strong>: the <code>tile</code>:</p>
+      <p>To build intricate 2-dimensional layouts, you only need a <strong>single element</strong>: the <code>tile</code>:</p>
     </div>
 
 {% highlight html %}
@@ -341,7 +341,7 @@ tile is-ancestor
       </div>
       <div class="message-body">
         <div class="content">
-          <p>You can however nest tiles more deeply than that, and mix it up!</p>
+          <p>You can, however, nest tiles deeper than that, and mix it up!</p>
 {% highlight markdown %}
 tile is-ancestor
 |

docs/documentation/layout/footer.html

@@ -11,7 +11,7 @@ doc-subtab: footer
   <div class="container">
     <h1 class="title">Footer</h1>
     <h2 class="subtitle">
-      A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons...
+      A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons, etc.
     </h2>
 
 <div class="example">

docs/documentation/layout/hero.html

@@ -52,7 +52,7 @@ doc-subtab: hero
   <div class="container">
     <h3 class="title">Colors</h3>
     <h4 class="subtitle">
-      As with buttons, you can choose one of the <strong>7 different colors</strong>
+        As with buttons, you can choose one of the <strong>7 different colors</strong>:
     </h4>
   </div>
 </section>

docs/documentation/overview/colors.html

@@ -121,7 +121,7 @@ shades:
 <section class="section">
   <div class="container">
     <h1 class="title">Colors</h1>
-    <h2 class="subtitle">The <strong>colors</strong> that <strong>style</strong> all Bulma elements and components</h2>
+    <h2 class="subtitle">The <strong>colors</strong> that <strong>style</strong> most Bulma elements and components</h2>
 
     <hr>
 

docs/documentation/overview/customize.html

@@ -66,7 +66,7 @@ $family-primary: $family-serif
           <strong>Set</strong> your variables
         </p>
         <p class="subtitle is-6">
-          Add your own colors, set new fonts, override Bulma styles...
+          Add your own colors, set new fonts, override Bulma's default styles...
         </p>
         <div class="highlight-full">
           {% highlight sass %}{{ sass }}{% endhighlight %}