Generated by SassMeister.com.

SassMeister-input.scss

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

@import "include-media";

$breakpoints: (
    phone: 736px,
    tablet: 1024px,
    desktop-large: 1280px
);

$is-rwd-scoped: false; // Toggle to enable page-scoping

@mixin _responsive() {
  @if $is-rwd-scoped {
    .adb-rwd & {
      @content
    }
  }
  @else {
    @content
  }
}

.button {
  color: red;
  
  @include _responsive {
    @include media('>phone') {
    color: blue;
    }
  }
}

$is-rwd-scoped: true;

.button {
  color: red;
  
  @include _responsive {
    @include media('>phone') {
    color: blue;
    }
  }
}

SassMeister-output.css

.button {
  color: red;
}

@media (min-width: 737px) {
  .button {
    color: blue;
  }
}

.button {
  color: red;
}

@media (min-width: 737px) {
  .adb-rwd .button {
    color: blue;
  }
}