Zichtbaarheid

Beheer de zichtbaarheid, zonder de weergave te wijzigen, van elementen met zichtbaarheidshulpprogramma's.

Stel het visibilityaantal elementen in met onze zichtbaarheidshulpprogramma's. Deze wijzigen de displaywaarde helemaal niet en zijn handig om inhoud voor de meeste gebruikers te verbergen, maar ze nog steeds voor schermlezers te houden.

Toepassen .visibleof .invisibleindien nodig.

<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);
}