Source

Sichtweite

Steuern Sie die Sichtbarkeit von Elementen mit Sichtbarkeitsdienstprogrammen, ohne die Anzeige zu ändern.

Legen Sie die visibilityElemente mit unseren Sichtbarkeitsdienstprogrammen fest. Diese Hilfsklassen ändern den displayWert überhaupt nicht und wirken sich nicht auf das Layout aus – .invisibleElemente nehmen weiterhin Platz auf der Seite ein. Inhalte werden sowohl visuell als auch für Benutzer von Hilfstechnologien/Screenreadern ausgeblendet.

Bewerben .visibleoder .invisiblenach Bedarf.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}