Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.0)
// Compass (v1.0.0)
// ----

// ===================================================================
// Compressesd mixins - just to save you from scrolling :)
// ===================================================================
$_current_breakpoint_key:'';@mixin media($breakpointkeys...){@each $key,$value in $breakpointkeys{$_current_breakpoint_key:$key!global;@media #{map-get($breakpoints,$key)}{@content}$_current_breakpoint_key:''!global}};@mixin extends(){@content;@each $key,$value in $breakpoints{@include media($key){@content}}}@mixin new-extend($name){%#{$_current_breakpoint_key+$name}{@content}}@mixin extend($name){&{@extend %#{$_current_breakpoint_key+$name}}}

// ===================================================================
// Define breakpoints   
// ===================================================================
$breakpoints:(
  'mobile' : '(max-width:480px)',
  'tablet' : '(min-width:481px) and (max-width:960px)',  
  'desktop': '(min-width:961px)'    
);  
// ===================================================================
// Create extends
// ===================================================================
@include extends(){
  @include new-extend(foo){ content:'foo extend'; }
  @include new-extend(bar){ content:'bar extend'; }
  @include new-extend(doh){ content:'doh extend'; }  
} 
// ===================================================================
// Extend 
// ===================================================================
.a {
  @extend %foo;
  @include extend(foo);  
}
  
.b {
  @include media(mobile){
    @include extend(foo);  
    @include extend(bar);  
    @include extend(doh);    
  }
  @include media(tablet, desktop){
    @include extend(foo);  
    @include extend(bar);  
    @include extend(doh);    
  }  
}
  
@include media(mobile){  
  .c {
    @include extend(foo);  
    @include extend(bar);  
    @include extend(doh);
  }
}
@include media(tablet, desktop){  
  .c {
    @include extend(foo);  
    @include extend(bar);  
    @include extend(doh);
  }
}  

SassMeister-output.css

.a {
  content: 'foo extend';
}

@media (max-width: 480px) {
  .b, .c {
    content: 'foo extend';
  }

  .b, .c {
    content: 'bar extend';
  }

  .b, .c {
    content: 'doh extend';
  }
}
@media (min-width: 481px) and (max-width: 960px) {
  .b, .c {
    content: 'foo extend';
  }

  .b, .c {
    content: 'bar extend';
  }

  .b, .c {
    content: 'doh extend';
  }
}
@media (min-width: 961px) {
  .b, .c {
    content: 'foo extend';
  }

  .b, .c {
    content: 'bar extend';
  }

  .b, .c {
    content: 'doh extend';
  }
}