Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

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

.m-tabs {
    background-color: #f2f2f2;
     
    @include respond-to(medium) {
        background-color: #666;
    }
}
 

SassMeister-output.css

.m-tabs {
  background-color: #f2f2f2;
}

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