Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/
@mixin breakpoint($point) {
  @if $point == large {
    @media (min-width: 64.375em) { @content; }
  }
  @else if $point == medium {
    @media (min-width: 50em) { @content; }
  }
  @else if $point == small {
    @media (min-width: 37.5em) { @content; }
  }
}

.page-wrap {
  width: 75%;
  @include breakpoint(large) { 
    width: 60%; 
  }
  @include breakpoint(medium) { 
    width: 80%; 
  }
  @include breakpoint(small) { 
    width: 95%; 
  }
}

SassMeister-output.css

.page-wrap {
  width: 75%;
}
@media (min-width: 64.375em) {
  .page-wrap {
    width: 60%;
  }
}
@media (min-width: 50em) {
  .page-wrap {
    width: 80%;
  }
}
@media (min-width: 37.5em) {
  .page-wrap {
    width: 95%;
  }
}