Visibilité

Contrôlez la visibilité des éléments, sans modifier leur affichage, grâce aux 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.

Les éléments de la .invisibleclasse seront masqués à 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;
}

Toupet

API utilitaires

Les utilitaires de visibilité sont déclarés dans notre API utilitaires au format scss/_utilities.scss. Apprenez à utiliser l'API des utilitaires.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )