画像の置き換え

背景画像のテキストを画像置換クラスと交換します。

text-hide()クラスと mixin は v4.1 で非推奨になりました。v5 では完全に削除されます。

クラスまたは mixin を利用して.text-hide、要素のテキストコンテンツを背景画像に置き換えます。

<h1 class="text-hide">Custom heading</h1>

// Usage as a mixin
.heading {
  @include text-hide;
}

クラスを使用して.text-hide、見出しタグのアクセシビリティと SEO の利点を維持しますがbackground-image、テキストの代わりに使用したいと考えています。

ブートストラップ

<h1 class="text-hide" style="background-image: url('...');">Bootstrap</h1>