Source

Mfonini a wɔde besi ananmu

Fa nsɛm a wɔakyerɛw no sesa mfonini ahorow a ɛwɔ akyi no ne mfonini a wɔde besi ananmu adesuakuw no.

Kɔkɔbɔ

Wɔagyae text-hide()adesua ne mixin no fi v4.1. Wobeyi afi hɔ koraa wɔ v5 mu.

Fa .text-hideadesua anaa mixin no boa ma wɔde akyi mfonini si element bi nkyerɛwee mu nsɛm ananmu.

<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin
.heading {
  @include text-hide;
}

Fa .text-hideadesuakuw no kɔ so kura accessibility ne SEO mfaso horow a ɛwɔ heading tags mu, nanso wopɛ sɛ wode a di dwuma background-imagesen sɛ wode text bedi dwuma.

Bootstrap a wɔde hyɛ mu

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