Source

Visibility

Kontrolin ang visibility, nang hindi binabago ang display, ng mga elemento na may 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 nilalaman ay itatago kapwa sa paningin at para sa mga gumagamit ng pantulong na 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;
}

// Usage as a mixin
// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}