Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// Breakpoint (v2.6.1)
// Breakpoint Slicer (v2.0.0)
// ----

@import "breakpoint";
@import "breakpoint-slicer";

$thumb: 0;
$palm: 30rem;
$lap: 48rem;
$desk: 64rem;

$slicer-anti-overlap-corrections: 1px, -0.1em, -0.1rem;
$slicer-breakpoints: $thumb $palm $lap $desk;
$slicer-breakpoint-names: 'thumb', 'palm', 'lap', 'desk';

@include at('thumb') {
  body {
    background: red;
  }
}

@include to('desk') {
  body {
    background: red;
  }
}

@include from('palm') {
  body {
    background: black;
  }
}

@include between('palm', 'desk') {
  body {
    background: green;
  }
}

SassMeister-output.css

@media (max-width: 29.9rem) {
  body {
    background: red;
  }
}
body {
  background: red;
}

@media (min-width: 30rem) {
  body {
    background: black;
  }
}
@media (min-width: 30rem) {
  body {
    background: green;
  }
}