1. Início
  2. utilização Blocs
  3. Design
  4. Guia de referência de subclasse

Guia de referência de subclasse

botões

Botão limpo

A classe que é adicionada a um botão quando a opção de estilo do botão da barra lateral peixe de água doce é aplicado.

Botão Brilhante

A classe que é adicionada a um botão quando a opção de estilo do botão da barra lateral Lustroso é aplicado.

Arame de botão

A classe que é adicionada a um botão quando a opção de estilo do botão da barra lateral Fio é aplicado. As principais regras de classe a serem alteradas para esta subclasse são o estilo da borda e a cor do plano de fundo.

Botão redondo

A classe que é adicionada a um botão quando a opção de canto do botão da barra lateral redondo é aplicado. A principal regra de classe a ser alterada para esta subclasse é border-radius.

Botão Quadrado

A classe que é adicionada a um botão quando a opção de canto do botão da barra lateral Quadrado é aplicado. A regra da classe Key a ser alterada para esta subclasse é border-radius.

Botão de rolagem para cima

A classe costumava dar o Botão de rolagem para cima sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor de fundo.

Ícone de seta de rolagem para cima

A classe costumava dar o pergaminho ao topo Ícone de seta sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A aula costumava dar Menus do botão suspenso sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor de fundo.

A aula costumava dar Links do menu do botão suspenso sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do texto.

Fundo de navegação especial

A aula costumava dar Menus de navegação especiais sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor de fundo.

A aula costumava dar Links do menu de navegação especial sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do texto.

Símbolo especial de navegação

A classe costumava dar o Símbolo especial de fechamento do menu de navegação sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor de fundo.

A classe pode ser usada para definir a cor dos links da barra de navegação que aparecem nos menus suspensos.

A classe usada para controlar o imagem que está localizado no link do logotipo encontrado na navegação Blocs. Por padrão, a imagem do logotipo tem uma altura máxima definida para evitar que seja exibida muito grande em telas menores, se você deseja ter um logotipo maior em pontos de quebra específicos, use esta subclasse em combinação com uma altura máxima maior.

Texto

Largura do texto pequena

A classe que é adicionada a um objeto de texto quando a opção de largura do texto da barra lateral Pequeno é aplicado. A principal regra de classe a ser alterada para esta subclasse é a largura máxima.

Largura do texto média

A classe que é adicionada a um objeto de texto quando a opção de largura do texto da barra lateral Médio é aplicado. A principal regra de classe a ser alterada para esta subclasse é a largura máxima.

Largura do texto grande

A classe que é adicionada a um objeto de texto quando a opção de largura do texto da barra lateral Grande é aplicado. A principal regra de classe a ser alterada para esta subclasse é a largura máxima.

Imagens

Imagem arredondada pequena

A classe que é adicionada a um objeto de imagem quando a opção de estilo de imagem da barra lateral Arredondado Pequeno é aplicado. A principal regra de classe a ser alterada para esta subclasse é o raio da borda.

Meio arredondado de imagem

A classe que é adicionada a um objeto de imagem quando a opção de estilo de imagem da barra lateral Médio Arredondado é aplicado. A principal regra de classe a ser alterada para esta subclasse é o raio da borda.

Imagem arredondada grande

A classe que é adicionada a um objeto de imagem quando a opção de estilo de imagem da barra lateral Arredondado Grande é aplicado. A principal regra de classe a ser alterada para esta subclasse é o raio da borda.

Quadro de imagem pequeno

A classe que é adicionada a um objeto de imagem quando a opção de estilo de imagem da barra lateral Quadro Pequeno é aplicado. As principais regras de classe a serem alteradas para esta subclasse são o raio da borda e a cor de fundo.

Quadro de imagem médio

A classe que é adicionada a um objeto de imagem quando a opção de estilo de imagem da barra lateral Frame Médio é aplicado. As principais regras de classe a serem alteradas para esta subclasse são o raio da borda e a cor de fundo.

Quadro de imagem grande

A classe que é adicionada a um objeto de imagem quando a opção de estilo de imagem da barra lateral Quadro Grande é aplicado. As principais regras de classe a serem alteradas para esta subclasse são o raio da borda e a cor de fundo.

A classe que dá o padrão Blocs Caixa de luz sua aparência visual. As principais regras de classe a serem alteradas para esta subclasse são o raio da borda e a cor de fundo.

A classe que dá o padrão Blocs Setas de navegação de caixa de luz sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs Seta anterior de navegação de caixa de luz sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs Seta seguinte de navegação de caixa de luz sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs Ícone de fechamento da caixa de luz sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs Texto da legenda da caixa de luz sua aparência visual. As principais regras de classe a serem alteradas para esta subclasse são a cor e o tamanho do texto.

A classe que dá o padrão Blocs Setas de navegação em carrossel sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs Seta Anterior de Navegação em Carrossel sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs carrossel Seta de navegação seguinte sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor do traço SVG.

A classe que dá o padrão Blocs Indicadores de slide de carrossel (pequenos pontos na parte inferior de um carrossel) sua aparência visual. As principais regras de classe a serem alteradas para esta subclasse são as cores da borda e do plano de fundo.

A classe que dá o padrão Blocs Indicador de slide ativo do carrossel sua aparência visual. As principais regras de classe a serem alteradas para esta subclasse são as cores da borda e do plano de fundo.

misc

Corpo da dica

A classe que dá o padrão Blocs tooltip sua aparência visual. As principais regras de classe a serem alteradas para esta subclasse são o raio da borda e a cor de fundo.

Divisores

A classe que dá o padrão Blocs Divisor Bric sua aparência visual. A principal regra de classe a ser alterada para esta subclasse é a cor de fundo.

Pré-carregador

A classe que dá o padrão Blocs Pré-carregador tela sua aparência visual. As principais regras de classe a serem alteradas para esta subclasse são a cor de fundo.

Atualizado em 17 de julho de 2023

Esse artigo foi útil?

Artigos Relacionados