.clearfix {

*zoom: 1;
&:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

}

.foo {

&:extend(.clearfix all);
color: red;

}

.bar {

&:extend(.clearfix all);
color: blue;

}