Visibilidad
Controla la visibilidad de los elementos, sin modificar su visualización, con utilidades de visibilidad.
Establece la visibility
de los elementos con nuestras utilidades de visibilidad. Estas clases de utilidad no modifican el valor display
en absoluto y no afectan el diseño: los elementos .invisible
aún ocupan espacio en la página.
Los elementos con la clase .invisible
se ocultarán tanto visualmente como para los usuarios de tecnología de asistencia/lectores de pantalla.
Aplica .visible
o .invisible
según sea necesario.
HTML
<div class="visible">...</div>
<div class="invisible">...</div>
CSS
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
CSS
API de utilidades de Sass
Las utilidades de visibilidad se declaran en nuestra API de utilidades en scss/_utilities.scss
. Aprende a utilizar la API de utilidades.
scss/_utilities.scss (opens in a new tab)
scss/_utilities.scss
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
),