// Modern micro clearfix provides an easy way to contain floats without adding additional markup. // // Example usage: // // // Contain all floats within .wrapper // .wrapper { // @include clearfix; // .content, // .sidebar { // float : left; // } // }

@mixin clearfix {

&:after {
  content:"";
  display:table;
  clear:both;
}

}

// Acknowledgements // Beat that clearfix: [Thierry Koblentz](www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)