Näkyvyys

Hallitse elementtien näkyvyyttä muuttamatta niiden näyttöä näkyvyysapuohjelmilla.

Aseta visibilityelementit näkyvyysapuohjelmillamme. Nämä hyödyllisyysluokat eivät muuta displayarvoa ollenkaan eivätkä vaikuta asetteluun – .invisibleelementit vievät silti tilaa sivulla.

Luokan elementit .invisiblepiilotetaan sekä visuaalisesti että aputekniikan/näytönlukijan käyttäjille.

Hae .visibletai .invisibletarpeen mukaan.

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

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

Sass

Utilities API

Näkyvyysapuohjelmat on ilmoitettu apuohjelmien API:ssa scss/_utilities.scss. Opi käyttämään apuohjelmien sovellusliittymää.

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