Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// ----

@import "breakpoint";

$breakpoints: (
  'small': 420px,
  'medium': 600px,
  'large': 960px,
  'x-large': 1200px
);


 
 
@each $name, $size in $breakpoints {
 
 body {
   @include breakpoint($size) {
     content: #{$name};
   }
 }
 
} 

SassMeister-output.css

@media (min-width: 420px) {
  body {
    content: small;
  }
}

@media (min-width: 600px) {
  body {
    content: medium;
  }
}

@media (min-width: 960px) {
  body {
    content: large;
  }
}

@media (min-width: 1200px) {
  body {
    content: x-large;
  }
}