Ir para o conteúdo principal Pular para a navegação de documentos
Check
in English

Visibilidade

Controle a visibilidade dos elementos, sem modificar sua exibição, com utilitários de visibilidade.

Defina os visibilityelementos com nossos utilitários de visibilidade. Essas classes de utilitário não modificam o displayvalor e não afetam o layout – os .invisibleelementos ainda ocupam espaço na página.

Os elementos com a classe.invisible serão ocultados visualmente e para usuários de tecnologia assistiva/leitores de tela.

Aplique .visibleou .invisibleconforme necessário.

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

Sass

API de utilitários

Os utilitários de visibilidade são declarados em nossa API de utilitários em scss/_utilities.scss. Saiba como usar a API de utilitários.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )