Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 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 | } |