Visibilità

Controlla la visibilità, senza modificare la visualizzazione, degli elementi con 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. Il contenuto sarà nascosto 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;
}
.invisible {
  visibility: hidden;
}

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