Dustin' the docs: Typos, Grammar, etc. in css.html

docs/css.html

@@ -28,7 +28,7 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 {% endhighlight %}
-  <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall we don't recommend this on every site, so use caution!</p>
+  <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!</p>
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 {% endhighlight %}
@@ -730,7 +730,7 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
   <h3>Small text</h3>
   <p>For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent. Heading elements receive their own <code>font-size</code> for nested <code>&lt;small&gt;</code> elements.</p>
-  <p>You may alternatively use an inline element with <code>.small</code> in place of any <code>&lt;small&gt;</code></p>
+  <p>You may alternatively use an inline element with <code>.small</code> in place of any <code>&lt;small&gt;</code>.</p>
   <div class="bs-example">
     <p><small>This line of text is meant to be treated as fine print.</small></p>
   </div>
@@ -867,7 +867,7 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 {% endhighlight %}
 
   <h4>Alternate displays</h4>
-  <p>Add <code>.blockquote-reverse</code> for blockquote with right-aligned content.</p>
+  <p>Add <code>.blockquote-reverse</code> for a blockquote with right-aligned content.</p>
   <div class="bs-example" style="overflow: hidden;">
     <blockquote class="blockquote-reverse">
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@@ -1040,10 +1040,10 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
   <h2 id="code-user-input">User input</h2>
   <p>Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.</p>
 <div class="bs-example">
-  To switch directories, type <kbd>cd</kbd> followed the name of the directory.
+  To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
 </div>
 {% highlight html %}
-  To switch directories, type <kbd>cd</kbd> followed the name of the directory.
+  To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
 {% endhighlight %}
 
   <h2 id="code-block">Basic block</h2>
@@ -2241,7 +2241,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
 
   <h2 id="buttons-active">Active state</h2>
-  <p>Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. For <code>&lt;button&gt;</code> elements, this is done via <code>:active</code>. For <code>&lt;a&gt;</code> elements, it's done with <code>.active</code>. However, you may use <code>.active</code> <code>&lt;button&gt;</code>s should you need to replicate the active state progammatically.</p>
+  <p>Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. For <code>&lt;button&gt;</code> elements, this is done via <code>:active</code>. For <code>&lt;a&gt;</code> elements, it's done with <code>.active</code>. However, you may use <code>.active</code> on <code>&lt;button&gt;</code>s should you need to replicate the active state progammatically.</p>
 
   <h3>Button element</h3>
   <p>No need to add <code>:active</code> as it's a pseudo-class, but if you need to force the same appearance, go ahead and add <code>.active</code>.</p>
@@ -2954,7 +2954,7 @@ a {
 
 
   <h2 id="less-mixins-vendor">Vendor mixins</h2>
-  <p>Vendor mixins are mixins to help support multiple browsers by including all relevant vendor prefixs in your compiled CSS.</p>
+  <p>Vendor mixins are mixins to help support multiple browsers by including all relevant vendor prefixes in your compiled CSS.</p>
 
 
   <h3 id="less-mixins-box-sizing">Box-sizing</h3>
@@ -3026,7 +3026,7 @@ a {
 {% endhighlight %}
 
   <h3 id="less-mixins-transformations">Transformations</h3>
-  <p>Rorate, scale, translate (move), or skew any object.</p>
+  <p>Rotate, scale, translate (move), or skew any object.</p>
 {% highlight css %}
 .rotate(@degrees) {
   -webkit-transform: rotate(@degrees);
@@ -3082,7 +3082,7 @@ a {
 {% endhighlight %}
 
   <h3 id="less-mixins-animations">Animations</h3>
-  <p>A single mixin for using all CSS3's animation properties in one declarations and other mixins for individual properties.</p>
+  <p>A single mixin for using all of CSS3's animation properties in one declaration and other mixins for individual properties.</p>
 {% highlight css %}
 .animation(@animation) {
   -webkit-animation: @animation;
@@ -3172,7 +3172,7 @@ a {
 #gradient > .vertical-three-colors(#777; #333; .25; #000);
 #gradient > .horizontal-three-colors(#777; #333; .25; #000);
 {% endhighlight %}
-  <p><strong>Heads up!</strong> Should you ever need to remove a gradient, be sure to remove any IE-specific <code>filter</code> you may have added. You can do that by using <code>.reset-filter()</code> mixin alignside <code>background-image: none;</code>.</p>
+  <p><strong>Heads up!</strong> Should you ever need to remove a gradient, be sure to remove any IE-specific <code>filter</code> you may have added. You can do that by using the <code>.reset-filter()</code> mixin alongside <code>background-image: none;</code>.</p>
 
 
   <h2 id="less-mixins-utility">Utility mixins</h2>
@@ -3334,7 +3334,7 @@ a {
       </tbody>
     </table>
   </div>
-  <p>Visit the <a href="{{ site.sass_repo }}">Sass port's GitHub repository</a> to see this files in action.</p>
+  <p>Visit the <a href="{{ site.sass_repo }}">Sass port's GitHub repository</a> to see these files in action.</p>
 
 
   <h2 id="sass-installation">Installation</h2>