Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>
  Hello World!
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Breakpoint (v2.4.2)
// ----


$mobile: 0px 479px;
$mobile_landscape: 480px 767px;
$mobile_all: $mobile, $mobile_landscape;

$tab: 768px 899px, 1536px 1799px (min-resolution 2dppx);
$desk: 900px, 1800px (min-resolution 2dppx);
$tab_and_desk: $tab;

@import "breakpoint";


@include breakpoint($mobile_all, true) {
  div {
    color: red;
  }
}

SassMeister-output.css

@media (min-width: 0px) and (max-width: 479px), (min-width: 480px) and (max-width: 767px) {
  div {
    color: red;
  }
}

SassMeister-rendered.html

<div>
  Hello World!
</div>