Komonana na miso

Contrôler visibilité ya ba éléments, sans ko modifier affichage na yango, na ba utilitaires ya visibilité.

Set ya visibilityya ba éléments na ba utilitaires na biso ya visibilité. Ba classes oyo ya utilité e modifier displayvaleur ata muke te pe e affectaka layout te – .invisibleba éléments ezuaka kaka esika na page.

Ba éléments na .invisibleclasse ekobombama à la fois visuellement pe pona ba usagers ya technologie assistive/screen reader.

Salelá .visibleto .invisiblesoki esengeli.

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

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

Sass oyo azali

API ya ba utilitaires

Ba utilitaires ya visibilité esakolami na API ya ba utilitaires na biso na scss/_utilities.scss. Yekola ndenge ya kosalela API ya ba utilitaires.

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