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 

    13 @mixin clearfix() {

    14   &:before,

    15   &:after {

    16     content: " "; // 1

    17     display: table; // 2

    18   }

    19   &:after {

    20     clear: both;

    21   }

    22 }