Substituição por imagens

Troque textos por imagens em background, com nossa classe para esconder textos.

Utilize a classe .text-hide ou o mixin para ajudar a substituir o texto de um elemento por uma imagem em background.

<h1 class="text-hide">Cabeçalho personalizado</h1>
// Exemplo de uso do mixin
.heading {
  @include text-hide;
}

A classe .text-hide é usada para esconder o texto e manter os benefícios de acessibilidade e SEO das tags de cabeçalho, enquanto utiliza-se uma imagem de background.

Bootstrap

<h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>