Add clearfix to center()

Author: Cory Simmons

README.md

@@ -60,6 +60,16 @@ figure
 
 `cf()` is just a [clearfix](http://nicolasgallagher.com/micro-clearfix-hack/) mixin since blocks are floated. It's a good idea to give this to the element wrapping your blocks every time.
 
+You can also make use of the `center()` mixin to assign a `max-width` and `margin: auto` to an element and center it on the page. `cf()` will automatically be applied in this case.
+
+```stylus
+section
+  cf($max-size: 1200px, $pad: $gutter)
+
+figure
+  block('1/2')
+```
+
 Every element gets a `float: left` and `margin-right: $gutter` applied to them except the last one in the row. Lost will automatically detect the last item in a row (based on the denominator you passed) and apply a `margin-right: 0` to it by default.
 
 To override this behavior simply pass a `$cycle` param to your `block()`.

scss/lost.scss

@@ -1,4 +1,4 @@
-// Lost Grid v3.0.2 - https://github.com/corysimmons/lost
+// Lost Grid v3.0.3 - https://github.com/corysimmons/lost
 
 $gutter: 30px !default;
 $rtl: false !default;
@@ -46,13 +46,18 @@ $rtl: false !default;
 
 /// Horizontally center a container element and apply padding to it.
 ///
+/// @param {unit} $max-size [980px] - A max-width to assign. Can be any unit.
+/// @param {unit} $pad [0] - Padding on the left and right of the element. Can be any unit.
+/// @param {string} $output [normal] - Determines what type of code to output. Accepts normal (outputs all code), init (only the code to initialize), and bare (just the max-width and padding). Useful for making classes like .center-large, .center-medium, .center-small.
+///
 /// @example
 ///   section {
 ///     @include center(900px);
 ///   }
 
 @mixin center($max-size: 980px, $pad: 0, $output: normal) {
   @if ($output == normal) or ($output == init) {
+    @include cf;
     margin-left: auto;
     margin-right: auto;
   }

stylus/lost.styl

@@ -1,4 +1,4 @@
-// Lost Grid v3.0.2 - https://github.com/corysimmons/lost
+// Lost Grid v3.0.3 - https://github.com/corysimmons/lost
 
 $gutter = 30px
 $rtl = false
@@ -41,13 +41,18 @@ cf()
 /**
  * Horizontally center a container element and apply padding to it.
  *
+ * @param {unit} [$max-size=980px] - A max-width to assign. Can be any unit.
+ * @param {unit} [$pad=0] - Padding on the left and right of the element. Can be any unit.
+ * @param {string} [$output=normal] - Determines what type of code to output. Accepts normal (outputs all code), init (only the code to initialize), and bare (just the max-width and padding). Useful for making classes like .center-large, .center-medium, .center-small.
+ *
  * @example
  *   section
  *     center(900px)
  */
 
 center($max-size = 980px, $pad = 0, $output = normal)
   if $output is normal or $output is init
+    cf()
     margin-left: auto
     margin-right: auto
   if $output is normal or $output is bare