Visibility

Kontrolin ang visibility ng mga elemento, nang hindi binabago ang kanilang display, gamit ang visibility utility.

Itakda ang visibilityng mga elemento gamit ang aming visibility utility. Ang mga utility class na ito ay hindi binabago ang displayhalaga at hindi nakakaapekto sa layout - .invisibleang mga elemento ay tumatagal pa rin ng espasyo sa pahina.

Ang mga elemento sa .invisibleklase ay itatago kapwa sa paningin at para sa mga pantulong na gumagamit ng teknolohiya/screen reader.

Mag- apply .visibleo .invisiblekung kinakailangan.

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

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

Sass

Utilities API

Ang mga utility ng visibility ay idineklara sa aming mga utility API sa scss/_utilities.scss. Matutunan kung paano gamitin ang utility API.

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