ir (hide-text) mixin/placeholder

ir.scss

@mixin ir { 
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
}

%ir {
  @include ir;
}

// usage
.logotype {
  width: 100px;
  height: 50px;
  background-image: url('path/to/image.png');
  
  h1 { @extend %ir; } 
}

markup.html

<div class="logotype">
  <h1>Company name</h1>
</div>