alt.scss

@mixin respond-to($viewport-width, $ie-version: 'lt-ie9') {
  @media only screen and (min-width: $viewport-width) {
    @content;
  }
  @if $ie-version == 'lt-ie9' { 
    html.lt-ie9 & { // Using Paul Irish's conditional comments
      @content;
    }
  }
  @else if $ie-version == 'lt-ie8' {
    html.lt-ie8 & { // Using Paul Irish's conditional comments
      @content;
    }
  }
}
 

 
.schedule-component {
  background: #FF0000;
  width: 10em;
}

.content {
  .schedule-component {
    @include respond-to(500px) {
      width: 16em;
      background: #FFF;
    }  
  }
}

aside {
  .schedule-component {
    @include respond-to(800px) {
      width: 32em;
      background: #000;
    }  
  }
}