Source

Zichtbaarheid

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

Stel het visibilityaantal elementen in met onze zichtbaarheidshulpprogramma's. Deze hulpprogrammaklassen wijzigen de displaywaarde helemaal niet en hebben geen invloed op de lay-out - .invisibleelementen nemen nog steeds ruimte in beslag op de pagina. Inhoud wordt zowel visueel als voor gebruikers van ondersteunende technologie/schermlezers verborgen.

Toepassen .visibleof .invisibleindien nodig.

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

// Usage as a mixin
// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}