רְאוּת

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

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

החל .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);
}