Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

// Map with much breakpoints
$breakpoints: (
    small: 320px,
    medium: 600px,
    large: 768px
);
 
// Respond-To Mixin
@mixin resize($breakp){
  @if map-has-key($breakpoints,$breakp){
    $value: map-get($breakpoints,$breakp);
    @media screen and (min-width: $value){
      @content
    }
  }
  @warn "Unknown `#{$breakp}` in $breakpoints";
}

// Sass
.m-tabs {
    background-color: #f2f2f2;
    color: #FFF;
     
    @include resize(small) {
        background-color: #666;
    }
}

SassMeister-output.css

.m-tabs {
  background-color: #f2f2f2;
  color: #FFF;
}
@media screen and (min-width: 320px) {
  .m-tabs {
    background-color: #666;
  }
}