Source

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;
}
.invisible {
  visibility: hidden;
}

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