• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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.clearfix() {
14  &:before,
15  &:after {
16    content: " "; // 1
17    display: table; // 2
18  }
19  &:after {
20    clear: both;
21  }
22}
23