Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

@mixin clearfix() {
	&:before, &:after {
		content: "";
		display: table;
	}
	&:after {
		clear: both;
	}
}

%clearfix {
	@include clearfix;
}

.clear {
  @extend %clearfix;
}

.foo {
  foo: bar;
}

.this-is-now-cleared-for-launch {
  @extend %clearfix;
  
  some-property: goes here;
}

.mixin-version {
  @include clearfix;
}

SassMeister-output.css

.clear:before, .this-is-now-cleared-for-launch:before, .clear:after, .this-is-now-cleared-for-launch:after {
  content: "";
  display: table;
}
.clear:after, .this-is-now-cleared-for-launch:after {
  clear: both;
}

.foo {
  foo: bar;
}

.this-is-now-cleared-for-launch {
  some-property: goes here;
}

.mixin-version:before, .mixin-version:after {
  content: "";
  display: table;
}
.mixin-version:after {
  clear: both;
}