Last Updated: February 25, 2016
·
6.861K
· shavit

SASS ClearFix Mixin

CSS Clear FIx Mixin For SASS

# style.scss
@mixin clearFix(){
  &:before,
  &:after{
    content: " "; 
    display: table; 
  }

  &:after{
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
  &{
    *zoom: 1;
  }
}

How To Use

.container{
    @include clearFix();

    .column{
        float: left;
   }
}

http://conpanna.net