Clearfix mixin

clearfix_scss

@mixin clearfix {
    &:after, &:before {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    & {
        *zoom: 1;
    }
}

%clearfix {
  @include clearfix;
}

.clearfix {
  @extend %clearfix;
}


// OLD:
// Mixin for Clearfix
/*
 %clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}
*/

// OLD - REMOVE AFTER TESTING
/*
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
*/