Generated by SassMeister.com.

SassMeister-input.scss

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

$tablet: 'min-width: 48em';
$desktop: 'min-width: 62em';
$upto-desktop: 'max-width: 61.9375em';

@mixin media( $breakpoint ) {
  @media screen and ( #{$breakpoint} ) {
    @content;
  }
}

@mixin rwd( $classes: (), $breakpoints: () ) {
  @content;
  @for $i from 1 through length($classes) {
    $breakpoint: nth($breakpoints, $i);
    &---#{nth($classes, $i)} {
      @include media( $breakpoint ) {
        @content;
      }
    } 
  }
}

.some-class {
  @include rwd( at-tablet at-desktop, $tablet $desktop ) {
    background: blue;
  }
}


.another-class {
  @include rwd( upto-desktop, $upto-desktop ) {
    background: red;
  }
}

SassMeister-output.css

.some-class {
  background: blue;
}

@media screen and (min-width: 48em) {
  .some-class---at-tablet {
    background: blue;
  }
}

@media screen and (min-width: 62em) {
  .some-class---at-desktop {
    background: blue;
  }
}

.another-class {
  background: red;
}

@media screen and (max-width: 61.9375em) {
  .another-class---upto-desktop {
    background: red;
  }
}