Source

Visibilitat

Controlar la visibilitat, sense modificar la visualització, dels elements amb utilitats de visibilitat.

Configureu els visibilityelements amb les nostres utilitats de visibilitat. Aquestes classes d'utilitat no modifiquen el displayvalor en absolut i no afecten el disseny: .invisibleels elements encara ocupen espai a la pàgina. El contingut s'amagarà tant visualment com per als usuaris de tecnologia d'assistència/lectors de pantalla.

Aplicar .visibleo .invisiblesegons sigui necessari.

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