Add reverible grids option

CHANGELOG.md

@@ -1,4 +1,5 @@
-* 1.0.0     Initial release
-* 1.0.1     Make base grid classes follow silencing rules
-* 1.1       Use more robust, markup-based method for removing whitespace
-* 1.2       Set `.grid__item` to be full-width by default
+* **1.0.0**     Initial release
+* **1.0.1**     Make base grid classes follow silencing rules
+* **1.1**       Use more robust, markup-based method for removing whitespace
+* **1.2**       Set `.grid__item` to be full-width by default
+* **1.3**       Add `.grid--rev` option to reverse grids’ display order

csswizardry-grids.scss

@@ -97,6 +97,22 @@ $class-type:            unquote(".");
 }
 
 
+/**
+ * Reversed grids allow you to structure your source different to how your
+ * rendered layout will appear.
+ */
+#{$class-type}grid--rev{
+    @extend #{$class-type}grid;
+    direction:rtl;
+    text-align:right;
+}
+
+    #{$class-type}grid--rev > #{$class-type}grid__item{
+        direction:ltr;
+        text-align:left;
+    }
+
+