Pāriet uz galveno saturu Pāriet uz dokumentu navigāciju
in English

Redzamība

Kontrolējiet elementu redzamību, nepārveidojot to displeju, izmantojot redzamības utilītas.

Iestatiet visibilityelementus, izmantojot mūsu redzamības utilītus. Šīs lietderības klases vispār nemaina displayvērtību un neietekmē izkārtojumu – .invisibleelementi joprojām aizņem vietu lapā.

Elementi ar .invisibleklasi tiks paslēpti gan vizuāli, gan palīgtehnoloģiju/ekrāna lasītāju lietotājiem.

Piesakies .visiblevai .invisiblepēc vajadzības.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Utilities API

Redzamības utilītas ir deklarētas mūsu utilītu API valodā scss/_utilities.scss. Uzziniet, kā izmantot utilītu API.

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