Visibilidad

Controla la visibilidad de los elementos, sin modificar su display, con las utilidades de visibilidad.

Establece la visibility de los elementos con nuestras utilidades de visibilidad. Estas clases utilitarias no modifican el valor de display en absoluto y no afectan el layout – los elementos .invisible siguen ocupando espacio en la página.

Los elementos con la clase .invisible estarán ocultos tanto visualmente como para los usuarios de tecnología de asistencia/lectores de pantalla.

Aplica .visible o .invisible según sea necesario.

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

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

CSS

API de utilidades de Sass

Las utilidades de visibilidad se declaran en nuestra API de utilidades en scss/_utilities.scss. Aprende cómo usar la API de utilidades.

scss/_utilities.scss

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