Image replacement scss mixin

_image_replace.scss

// Image replacement scss mixin

@mixin image_replace($img, $width, $height, $x: 0, $y: 0) {
  display: block;
  background: image-url($img) no-repeat $x $y;
  width: $width;
  height: $height;
  overflow: hidden;
  text-indent: -9999em; 
}


// --- Usage ---

header {
  #logo {
    @include image_replace("logo.png", 200px, 64px);
  }
}