Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 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 | } |