SCSS Clearfix

Peguei o clearfix-mixin conforme definido no Twitter Bootstrap e transformei o mixin em um seletor de espaço reservado. Agora é extensível como qualquer outra classe e não aparecerá se você não usá-lo.

// For clearing floats like a boss h5bp.com/q
%clearfix {
    *zoom: 1;
    &:before,
    &:after {
        display: table;
        content: "";
        // Fixes Opera/contenteditable bug:
        // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
        line-height: 0;
    }
    &:after {
        clear: both;
    }
}

Exemplo:

.too-much-fog {
    @extend %clearfix;
    // and then some...
}

Nota: Os seletores de espaço reservado foram implementados no SASS 3.1