Cмотреть на GitHub

Замена текста изображением

Замените текст на фоновое изображение с помощью класса замены изображения.

Предупреждение

Класс и миксин text-hide() устарели с версии 4.1. Он будет полностью удален в v5.

Используйте класс или миксин .text-hide, чтобы заменить текстовое содержимое элемента фоновым изображением.

<h1class="text-hide">Пользовательский заголовок</h1>
// Использование в качестве миксина
.heading{@include text-hide;}

Используйте класс .text-hide для обеспечения доступности и SEO-преимуществ тегов заголовков, но Вы хотите использовать background-image вместо текста.

Bootstrap

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