24 lines
515 B
SCSS
24 lines
515 B
SCSS
|
// Modern 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 {
|
||
|
|
&:after {
|
||
|
|
content:"";
|
||
|
|
display:table;
|
||
|
|
clear:both;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Acknowledgements
|
||
|
|
// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)
|