A re-usable SCSS mixin that replaces the original -9999px image replacement hack.

gistfile1.scss

@mixin hide-text {
  overflow:    hidden;
  text-indent: 100%;
  white-space: nowrap;
}

body h1:first-child {
  @include hide-text;
  background: url('https://www.google.com/images/srpr/logo3w.png') no-repeat 50% top;
  height:     95px;
  width:      275px;
}

.hide-text {
  @include hide-text;
}