Viżibilità

Ikkontrolla l-viżibilità tal-elementi, mingħajr ma timmodifika l-wiri tagħhom, b'utilitajiet ta 'viżibilità.

Issettja l- visibilityelementi bl-utilitajiet tal-viżibilità tagħna. Dawn il-klassijiet ta 'utilità ma jimmodifikawx il- displayvalur u ma jaffettwawx it-tqassim - l- .invisibleelementi għadhom jieħdu spazju fil-paġna.

Elementi mal- .invisibleklassi se jkunu moħbija kemm viżwalment kif ukoll għal utenti tat-teknoloġija assistiva/screen reader.

Applika .visiblejew .invisiblekif meħtieġ.

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

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

Sass

Utilitajiet API

L-utilitajiet tal-viżibilità huma ddikjarati fl-API tal-utilitajiet tagħna f' scss/_utilities.scss. Tgħallem kif tuża l-API tal-utilitajiet.

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