ie-output.scss

// ---------------------
// _page.scss

// Regular Page Styles
.page {
  margin: 0 auto;
  width: 75%;
}

// IE Page Styles
@mixin page-ie {
  body { text-align: center; }
  .page { text-align: left; }
}



// ---------------------
// _helpers.scss

// Regular Helper Styles
.clearfix {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  
  &:after { clear: both; }
}

// IE Helper Styles
@mixin helpers-ie {
  .clearfix { zoom: 1; }
}



// ---------------------
// IE.scss (if brought in as a separate file through conditional comments)

@import page;
@import helpers;

@include page-ie;
@include helpers-ie;



// ---------------------
// _IE.scss (if imported into the main file and using modernizr detection or conditional comments on the HTML element)

.ie {
  @include page-ie;
  @include helpers-ie;
}