readme.md in stipe-0.0.6.4

- old
+ new

@@ -1,56 +1,59 @@
-#Grids
-Stipe's grid system is based on the original 960.gs solution. Whereas there are concepts like columns, gutters and nesting. 
+# Grids
+Stipe provides 12, 16, and 24 column grids based on the original [960.gs](http://960.gs/) solution.
 
 
-##Placeholder classes
-For the most part when framing a UI, simply extend already pre-defned placeholder classes like `@extend %grid_4of12`, for example. Stipe's placeholder classes come with support for tablet and mobile devices. 
+## Placeholder classes
+You can use the grid without placing presentational classes on your markup by applying Stipe's placeholder classes.
 
-For example, using the following Sass
+This Sass:
 
 ```sass
-.grid-block {
-  @extend %grid_4of12;
+nav {
+  @extend %grid_12of12;
+
   @media #{$mobile} {
     @extend %grid_4of4;
   }
 }
 
-.left-nav {
+.gallery img {
   @extend %grid_4of12;
+
   @media #{$mobile} {
     @extend %grid_4of4;
   }
 }
 ```
 
-You will get the following CSS
+Yields this CSS:
 
 ```css
-.grid-block, .left-nav {
+nav, .gallery img {
   float: left;
   margin-left: 1.04167%;
   margin-right: 1.04167%;
   width: 31.25%;
 }
 
 @media screen and (max-width: 40em) {
-  .grid-block, .left-nav {
+  nav, .gallery img {
     float: left;
     margin-left: 3.125%;
     margin-right: 3.125%;
     width: 93.75%;
   }
 }
 ```
 
-##Building custom grid widths and nesting
-If you require more customization of a given grid, use Stipe's grid mixin `@include grid($col_count)`. Whereas you are replacing `$col_count` with the number of columns you need.
+## Building custom grid widths and nesting
 
-When nesting grids, since Stipe uses percentages, you need to make sure to reset your context. 
+If you require more customization for a given column, use Stipe's grid mixin: `@include grid($col_count)`, replacing `$col_count` with the number of columns you need.
 
-##Grid arguments
+When nesting grids, since Stipe defaults to percentages, you need to make sure to reset your context by passing in the `$grid_context` argument.
+
+## Grid arguments
 Additional arguments can be passed into the grid mixin to include `$grid_padding_l` `$grid_padding_r` `$grid_padding_tb` `$grid_border` `$border_place` `$grid_uom` `$col_gutter` `$grid_type` `$grid_align` `$grid_context`
 
 * `$grid_padding_l` => adds padding LEFT, takes integer value
 * `$grid_padding_r` => adds padding RIGHT, takes integer value
 * `$grid_padding_tb` => adds padding TOP and BOTTOM, takes integer value
@@ -58,7 +61,5 @@
 * `$border_place` => arguments are `left` and `right`. Argument will place a single border on either the left or right side of the block.
 * `$grid_uom` => set to percent by default, accepts `em` as argument.
 * `$col_gutter` => takes integer to adjust col gutter
 * `$grid_align` => takes `center` as argument
 * `$grid_context` => Adjusts column widths based on nested grid context. Necessary when calculating with percentages
-			
-Stipe uses the `box-size` CSS property, but this is not supported by IE7. By entereing values like `$grid_padding_l, $grid_padding_r, $grid_border`, Stipe will calculate a width that IE7 can use.
\ No newline at end of file