// Use clearfix to prevent a container element from collapsing when an internal element is floated.
//
// Styleguide clearfix

%clearfix {
  zoom: 1;

  &:before,
  &:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }

  &:after {
    clear: both;
  }
}

// Use clearfix to prevent a container element from collapsing when an internal element is floated.
//
// Styleguide clearfix

%clearfix {
  zoom: 1;

  &:before,
  &:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }

  &:after {
    clear: both;
  }
}

%clearfix-with-collapsing-margins {
  zoom: 1;

  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

Add an alternative clearfix that allows top and bottom margin collapsing on modern browser and IE > 7
Add an alternative clearfix that allows top and bottom margin collapsing on modern browser and IE > 7
