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

// Usage as a mixin
// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}