Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="example">Breakpoint Test</div>

SassMeister-input.scss

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Breakpoint (v2.0.7)
// ----

@import "breakpoint";

// Breakpoint
// ----------
$breakpoint-to-ems: true;
$breakpoints: 'tablet' 768px,
              'desktop' 1230px;
$breakpoint-no-query-fallbacks: false;

.example {
  background: green;
  @include respond-to(tablet) {
    background: orange;
  }
  @include respond-to(desktop) {
    background: red;
  }
}

SassMeister-output.css

.example {
  background: green;
}
@media (min-width: 48em) {
  .example {
    background: orange;
  }
}
@media (min-width: 76.875em) {
  .example {
    background: red;
  }
}

SassMeister-rendered.html

<div class="example">Breakpoint Test</div>