Saltar al contenido principal Saltar a la navegación de documentos
Check
in English

Visibilidad

Controla la visibilidad de los elementos, sin modificar su visualización, con las 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.

Los elementos con la .invisibleclase se ocultarán 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;
}

Hablar con descaro a

API de utilidades

Las utilidades de visibilidad se declaran en nuestra API de utilidades en formato scss/_utilities.scss. Aprenda a usar la API de utilidades.

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