Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// Bourbon (v4.0.2)
// Scut (v0.10.4)
// ----

@import "scut";
@import "bourbon/bourbon";

$fixed-breakpoint: false !default;

// mobile (0px - 639px)
@mixin maxwidth($threshold: 639px) {
  @if $fixed-breakpoint {
    @if scut-strip-unit($fixed-breakpoint) <= scut-strip-unit($threshold) {
      @content;
    }
  } @else {
    @media (max-width: scut-em($threshold)) {
      @content;
    }
  }
}

// desk (640px+)
@mixin minwidth($threshold: 640px) {
  @if $fixed-breakpoint {
    @if scut-strip-unit($fixed-breakpoint) >= scut-strip-unit($threshold) {
      @content;
    } 
  } @else {
    @media (min-width: scut-em($threshold)) {
      @content;
    }
  }
}

@mixin old-ie {
  @if $oldIE {
    @content;
  }
}

// $fixed-breakpoint: 700px;

body {
  @include maxwidth {
    color: red; 
  }
  @include minwidth {
    font-size: 16px;
  }
}

.skipLinks {
  @include minwidth {
    position: absolute;
    top: scut-em(-30px);
  }
}

SassMeister-output.css

/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v0.10.4
* Docs at http://davidtheclark.github.io/scut
*/
@media (max-width: 39.9375em) {
  body {
    color: red;
  }
}
@media (min-width: 40em) {
  body {
    font-size: 16px;
  }
}

@media (min-width: 40em) {
  .skipLinks {
    position: absolute;
    top: -1.875em;
  }
}