Source

רְאוּת

שלוט בנראות, מבלי לשנות את התצוגה, של אלמנטים עם כלי עזר לנראות.

הגדר את visibilityהאלמנטים עם כלי העזר שלנו לנראות. מחלקות שירות אלו אינן משנות כלל את displayהערך ואינן משפיעות על הפריסה - .invisibleאלמנטים עדיין תופסים מקום בעמוד. התוכן יוסתר הן מבחינה ויזואלית והן עבור משתמשי טכנולוגיה מסייעת/קורא מסך.

החל .visibleאו .invisibleלפי הצורך.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}