Visibilidade

Controle a visibilidade de elementos, sem modificar a propriedade display, usando os utilitários de visibilidade.

Defina o valor da propriedade visibility de elementos, usando os utilitários de visibilidade. Eles não modificam o valor da propriedade display e são úteis para esconder o conteúdo da maioria dos usuários, com excessão dos usuários com leitores de telas.

Use as classes .visible ou .invisible, como quiser.

<div class="visible">...</div>
<div class="invisible">...</div>
// Como são as classes
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Modo de uso com mixins
.elemento {
  @include invisible(visible);
}
.outro-elemento {
  @include invisible(hidden);
}