Ukubonakala

Lawula ukubonakala kwama-elementi, ngaphandle kokulungisa isibonisi sazo, ngezinsiza ezibonakalayo.

Setha ama visibility-elementi ngezinsiza zethu zokubonakala. Lezi zigaba zensiza aziliguquli nhlobo displayinani futhi azithinti isakhiwo - .invisibleizici zisadla isikhala ekhasini.

Izinto ezinekilasi .invisiblezizofihlwa kokubili ngokubonakalayo nakubasebenzisi bobuchwepheshe obusizayo/abafunda isikrini.

Faka isicelo .visiblenoma .invisiblenjengoba kudingeka.

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

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

Sass

I-Utilities API

Izinsiza ezibonakalayo zimenyezelwa kuzinsiza zethu ze-API ku- scss/_utilities.scss. Funda indlela yokusebenzisa i-API yezinsiza.

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