Visibilitat

Controla la visibilitat dels elements, sense modificar-ne la visualització, 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.

Els elements amb la .invisibleclasse s'amagaran 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;
}

Sass

Utilitats API

Les utilitats de visibilitat es declaren a la nostra API d'utilitats en scss/_utilities.scss. Apreneu a utilitzar l'API d'utilitats.

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