Generated by SassMeister.com.

Alternate use of a mixin in Sass

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

body {
  font-size: 1.2em;
}

@mixin not-really-a-mixin-but-damn-handy {
  @media (min-screen-width: 20em) and (max-screen-width: 30em) {
    @content;
  }
  @media (min-screen-width: 40em) and (max-screen-width: 50em) {
    @content;
  }
  @media (min-screen-width: 60em) and (max-screen-width: 70em) {
    @content;
  }
}

@include not-really-a-mixin-but-damn-handy {
    font-size: 1em;
}

Alternate use of a mixin in Sass | Output

body {
  font-size: 1.2em;
}

@media (min-screen-width: 20em) and (max-screen-width: 30em) {
  font-size: 1em;
}
@media (min-screen-width: 40em) and (max-screen-width: 50em) {
  font-size: 1em;
}
@media (min-screen-width: 60em) and (max-screen-width: 70em) {
  font-size: 1em;
}