_clearfix.scss 515 B

1234567891011121314151617181920212223
  1. // Modern micro clearfix provides an easy way to contain floats without adding additional markup.
  2. //
  3. // Example usage:
  4. //
  5. // // Contain all floats within .wrapper
  6. // .wrapper {
  7. // @include clearfix;
  8. // .content,
  9. // .sidebar {
  10. // float : left;
  11. // }
  12. // }
  13. @mixin clearfix {
  14. &:after {
  15. content:"";
  16. display:table;
  17. clear:both;
  18. }
  19. }
  20. // Acknowledgements
  21. // Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)