Di tin dɛn we pɔsin kin si

Kɔntrol di visibiliti fɔ di ɛlimɛnt dɛn, we nɔ chenj dɛn displei, wit visibiliti yutiliti dɛn.

Set di visibilityof elements wit wi visibiliti yutiliti. Dɛn yutiliti klas ya nɔ de chenj di displayvalyu atɔl ɛn dɛn nɔ de afɛkt layout – .invisibledi ɛlimɛnt dɛn stil de tek ples na di pej.

Elemɛnt dɛn wit di .invisibleklas go ayd ɔl tu di we aw dɛn de si ɛn fɔ di wan dɛn we de yuz di ɛsistiv tɛknɔlɔji/skrin rida.

Aplay .visibleɔ .invisibleas nid de.

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

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

Sass we bin de

Yutiliti dɛn API

Visibiliti yutiliti dɛn de diklar insay wi yutiliti dɛn API insay scss/_utilities.scss. Lan aw fɔ yuz di yutiliti dɛn API.

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