// 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 {
*zoom: 1; &:before, &:after { content: " "; display: table; } &:after { clear: both; }
}
// Acknowledgements // Micro clearfix: [Nicolas Gallagher](nicolasgallagher.com/micro-clearfix-hack/)