_clearfix.scss (633B)
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 }