Generated by SassMeister.com, the Sass playground.

SassMeister-input.scss

// ---
// Compass (v0.13.alpha.4)
// Sass (v3.2.9)
// ---


$smartphone: 38em;
$fablet: 59em;

@mixin respond-to($media) {
 @if $media == smartphone {
    @media all and (min-width: $smartphone) { @content; }
  }
  @else if $media == fablet {
    @media all and (min-width: $fablet) { @content; }
  }
}

.test {
  width: 250px;
  @include respond-to(smartphone) { width: 325px; }
  @include respond-to(fablet) { width: 425px; }
}

SassMeister-output.css

.test { width: 250px; }
@media all and (min-width: 38em) { .test { width: 325px; } }
@media all and (min-width: 59em) { .test { width: 425px; } }