Visibilidad

Controla la visibilidad, sin modificar la visualización, de elementos con utilidades de visibilidad.

Configura los visibilityelementos con nuestras utilidades de visibilidad. Estas clases de utilidad no modifican el displayvalor en absoluto y no afectan el diseño: los .invisibleelementos aún ocupan espacio en la página. El contenido se ocultará tanto visualmente como para los usuarios de lectores de pantalla/tecnología de asistencia.

Aplicar .visibleo .invisiblesegún sea necesario.

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