Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

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

.views-row {
  @include clearfix;
}

.block {
  @include clearfix;
}

/**
 * "Extend" using dummy selector
 */
.clearfix {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.views-row {
  @extend .clearfix;
}

.block {
  @extend .clearfix;
}

/**
 * "Extend" using placeholder
 */
%clearfix {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.views-row {
  @extend %clearfix;
}

.block {
  @extend %clearfix;
}

SassMeister-output.css

/**
 * "Extend" using mixin
 */
.views-row:before, .views-row:after {
  content: " ";
  display: table;
}
.views-row:after {
  clear: both;
}

.block:before, .block:after {
  content: " ";
  display: table;
}
.block:after {
  clear: both;
}

/**
 * "Extend" using dummy selector
 */
.clearfix:before, .views-row:before, .block:before, .clearfix:after, .views-row:after, .block:after {
  content: " ";
  display: table;
}
.clearfix:after, .views-row:after, .block:after {
  clear: both;
}

/**
 * "Extend" using placeholder
 */
.views-row:before, .block:before, .views-row:after, .block:after {
  content: " ";
  display: table;
}
.views-row:after, .block:after {
  clear: both;
}