_clearfix.scss 611 B

12345678910111213141516171819202122
  1. // Clearfix
  2. //
  3. // For modern browsers
  4. // 1. The space content is one way to avoid an Opera bug when the
  5. // contenteditable attribute is included anywhere else in the document.
  6. // Otherwise it causes space to appear at the top and bottom of elements
  7. // that are clearfixed.
  8. // 2. The use of `table` rather than `block` is only necessary if using
  9. // `:before` to contain the top-margins of child elements.
  10. //
  11. // Source: http://nicolasgallagher.com/micro-clearfix-hack/
  12. @mixin clearfix() {
  13. &:before,
  14. &:after {
  15. content: " "; // 1
  16. display: table; // 2
  17. }
  18. &:after {
  19. clear: both;
  20. }
  21. }