Source

Ορατότητα

Ελέγξτε την ορατότητα, χωρίς τροποποίηση της οθόνης, στοιχείων με βοηθητικά προγράμματα ορατότητας.

Ορίστε τα visibilityστοιχεία με τα βοηθητικά προγράμματα ορατότητας. Αυτές οι κατηγορίες βοηθητικών προγραμμάτων δεν τροποποιούν καθόλου την displayτιμή και δεν επηρεάζουν τη διάταξη – .invisibleτα στοιχεία εξακολουθούν να καταλαμβάνουν χώρο στη σελίδα. Το περιεχόμενο θα είναι κρυφό τόσο οπτικά όσο και για χρήστες βοηθητικής τεχνολογίας/αναγνώστη οθόνης.

Εφαρμόστε .visibleή .invisibleόπως απαιτείται.

<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);
}