Visibilidade

Controla a visibilidade dos elementos, sen modificar a súa visualización, con utilidades de visibilidade.

Establece os visibilityelementos coas nosas utilidades de visibilidade. Estas clases de utilidade non modifican o displayvalor en absoluto e non afectan ao deseño; .invisibleos elementos aínda ocupan espazo na páxina.

Os elementos coa .invisibleclase ocultaranse tanto visualmente como para os usuarios de tecnoloxía de asistencia/lector de pantalla.

Aplicar .visibleou .invisiblesegundo sexa necesario.

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

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

Sass

API de utilidades

As utilidades de visibilidade decláranse na nosa API de utilidades en scss/_utilities.scss. Aprende a usar a API de utilidades.

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