1. Inicial
  2. Desenvolvedores
  3. Personalizadas Bric Classes auxiliares

Personalizadas Bric Classes auxiliares

As seguintes classes auxiliares podem ser usadas em Brics para fazer tarefas diversas, como ocultar o conteúdo de certos modos de visualização dentro do Blocs ambiente de design.

Classes auxiliares

.display-inblocs-somente modo de edição - Bric o conteúdo com esta classe aplicada será mostrado apenas no modo de edição, será oculto em todos os modos de visualização e quando exportado, esta classe é substituída pelo Bootstrap padrão .hidden classe.

.hide-inblocs-somente modo de edição - Bric o conteúdo com esta classe aplicada só será mostrado no modo de visualização e quando um projeto for exportado. Não será mostrado no modo de edição. Esta classe é removida automaticamente do código exportado.

Dica para iniciantes

Esta classe se aplica display:none!important; para o elemento de destino. Ele não remove o conteúdo da página no modo design, simplesmente torna o elemento visualmente oculto para o usuário.

.remover na exportação - Bric o conteúdo com esta classe aplicada será mostrado no modo de edição apenas, será removido no modo de exportação e visualização.

.hide-inblocs-página-visualização-instantâneo - Bric o conteúdo desta classe ficará oculto na imagem do instantâneo da visualização da página. Esta classe é removida automaticamente do código exportado.

.bric-espaço reservado para tela - Esta é uma classe de apresentação que pode ser usada para exibir uma caixa azul bem estilizada dentro do Blocs ambiente de design.

Exemplo de código:

<div class="remove-on-export bric-canvas-placeholder">Bric Placeholder</div>

Resultado do ambiente de design:

Atualizado em 15 de novembro de 2023

Esse artigo foi útil?

Artigos Relacionados