Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Bourbon (v4.2.3)
// Scut (v1.1.3)
// ----

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

/* REM Fallback */
.scut .rem-fallback {
  @include scut-rem-fallback(20px);
}
.bourbon .rem-fallback {
  // Should probably see about mixin
  font-size: 20px;
  font-size: rem(20);
}

/* Hide Visually (but keep for screen readers) */
.scut .hide-visually {
  @include scut-hide-visually;
}
.bourbon .hide-visually {
  /* Can't find comparable means */
}

/* Hide text to support image replacement */
.scut .image-replacement {
  @include scut-image-replace;
}
.bourbon .image-replacement {
  @include hide-text;
}

/* Clearfix */
.scut .clearfix {
  @include scut-clearfix;
}
.bourbon .clearfix {
  @include clearfix;
}

/* Display a triangle with borders */
.scut .triangle {
  @include scut-triangle(right, 16px 8px, #666)
}
.bourbon .triangle {
  @include triangle(16px 8px, #666, right);
}
  
/* Shorthand for absolute positioning */
.scut .absolute {
  @include scut-absolute(0 n 0 0);
}
.bourbon .absolute {
  /* This is erroring out with "$number: null is not a number for `unitless' */
  /* @include position(absolute, 0 null 0 0); */
}
  
/* Shorthand for margin */
.scut .margin {
  @include scut-margin(1 2 n 5);
}
.bourbon .margin {
  /* This is erroring out with "undefined mixin 'margin'" */
  /* @include margin(1 2 null 5); */
}

/* Ratio Box for responsive videos */
.scut .ratio-box {
  @include scut-ratio-box(16/9);
}
.bourbon .ratio-box {
  /* Can't find comparable means */
}

SassMeister-output.css

/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.1.3
* Docs at http://davidtheclark.github.io/scut
*/
/* REM Fallback */
.scut .rem-fallback {
  font-size: 20px;
  font-size: 1.25rem;
}

.bourbon .rem-fallback {
  font-size: 20px;
  font-size: rem(20);
}

/* Hide Visually (but keep for screen readers) */
.scut .hide-visually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.bourbon .hide-visually {
  /* Can't find comparable means */
}

/* Hide text to support image replacement */
.scut .image-replacement {
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}

.bourbon .image-replacement {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

/* Clearfix */
.scut .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.bourbon .clearfix {
  *zoom: 1;
}
.bourbon .clearfix:before, .bourbon .clearfix:after {
  content: " ";
  display: table;
}
.bourbon .clearfix:after {
  clear: both;
}

/* Display a triangle with borders */
.scut .triangle {
  display: inline-block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(360deg);
  border-width: 4px 16px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #666;
  border-right-width: 0;
}

.bourbon .triangle {
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 16px 8px/2;
  border-left-color: #666;
}

/* Shorthand for absolute positioning */
.scut .absolute {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.bourbon .absolute {
  /* This is erroring out with "$number: null is not a number for `unitless' */
  /* @include position(absolute, 0 null 0 0); */
}

/* Shorthand for margin */
.scut .margin {
  margin-top: 1;
  margin-right: 2;
  margin-left: 5;
}

.bourbon .margin {
  /* This is erroring out with "undefined mixin 'margin'" */
  /* @include margin(1 2 null 5); */
}

/* Ratio Box for responsive videos */
.scut .ratio-box {
  overflow: hidden;
  position: relative;
}
.scut .ratio-box:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 56.25%;
}

.bourbon .ratio-box {
  /* Can't find comparable means */
}