Generated by SassMeister.com.

SassMeister-input.scss

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

@import "compass";
@import "memo";
@import "breakpoint";

$breakpoint-default-pair: device-width;
$devices: (ipads: (768px 1024px), iphone: (320px 480px), iphone5: (320px 568px));

@each $device in $devices {
  @include breakpoint(nth($device, 2)) {
    .class {
      display: none;
    }
  }
}

SassMeister-output.css

@media (min-device-width: 768px) and (max-device-width: 1024px) {
  .class {
    display: none; } }
@media (min-device-width: 320px) and (max-device-width: 480px) {
  .class {
    display: none; } }
@media (min-device-width: 320px) and (max-device-width: 568px) {
  .class {
    display: none; } }