Visibilità

Controlla la visibilità degli elementi, senza modificarne la visualizzazione, con le utilità di visibilità.

Imposta gli visibilityelementi con le nostre utilità di visibilità. Queste classi di utilità non modificano affatto il displayvalore e non influiscono sul layout: .invisiblegli elementi occupano comunque spazio nella pagina.

Gli elementi con la .invisibleclasse saranno nascosti sia visivamente che per gli utenti di tecnologie assistive/screen reader.

Applicare .visibleo .invisiblesecondo necessità.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

API di utilità

Le utilità di visibilità sono dichiarate nella nostra API di utilità in scss/_utilities.scss. Scopri come utilizzare l'API delle utilità.

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