A CodePen by Rachel Nabors. Text Clipping Sass mixin - Based on Divya Manian's pure CSS background clipping solution. Now you can clip text to your heart's content without fear of disappearing text in non-webkit browsers!

index.html

<h1>Hello!</h1>

style.scss

/* The background clip for text mixin */
/* Based on Divya's pure CSS solution: http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html */
@mixin clip-text($img-url, $color: #000) {
  color: $color;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
              url($img-url) repeat;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
}

/* The mixin in action... */
h1 {
  @include clip-text("http://stash.rachelnabors.com/codepen/text-clip-mixin/cloth.jpg", #fff);
  font-family: OstrichSansBlack;
  font-size: 5em;
  margin: 2em 0;
  text-align: center;
}

/* Other Styles */
body { background: #444; }