Visibilité

Contrôlez la visibilité, sans modifier l'affichage, des éléments avec des utilitaires de visibilité.

Définissez les visibilityéléments avec nos utilitaires de visibilité. Ces classes utilitaires ne modifient pas du displaytout la valeur et n'affectent pas la mise en page - les .invisibleéléments occupent toujours de l'espace dans la page. Le contenu sera caché à la fois visuellement et pour les utilisateurs de technologies d'assistance/lecteurs d'écran.

Appliquer .visibleou .invisibleau besoin.

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