Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

/*Exibir imovel site (mobile) */
:root .box-valores-mobile{
background: #ff5d7c !important;
}
:root .box-valores-mobile span {color: white !important}
:root .box-valores-mobile lightning-formatted-number { /Custos do imóvel/
color: #0d006c;
}
:root .box-valores-mobile .valor-total span{

color:darkgray

}

Configuração de CSS - Vitrine Imóveis semelhantes (desktop)

  • Cor do botão de rolagem

  • Cor do título

  • Tamanho da fonte do título

Configuração de CSS - Flipcard do imóvel (desktop)

  • Cor do fundo

  • Cor da fonte (Aluguel, Condomínio, IPTU)

  • Botão principal [Agendar Visita e Simular Crédito]

    • Cor do fundo

    • Cor do texto

  • Botões secundários [Perguntar, Compartilhar e Favoritar ]

    • Cor de fundo

    • Cor da fonte

    • Cor de destaque do ícone favoritar

  • Agendar visita

    • Cor de fundo

    • Cor de fundo do formulário

    • Cor do texto do formulário

    • Cor de fundo do dia e horário

    • Cor do texto do dia e horário

    • Cor de fundo do botão Agendar visita

    • Cor do texto do botão Agendar visita

    • Cor do texto do termo de serviço

  • Simular Crédito

    • Cor de fundo

    • Cor de fundo do formulário

    • Cor do texto do formulário

    • Cor de fundo do botão Simular crédito

    • Cor do texto do botão Simular crédito

    • Cor do texto do termo de serviço

  • Perguntar

    • Cor de fundo

    • Cor de fundo do formulário

    • Cor do texto do formulário

    • Cor de fundo do botão Perguntar

    • Cor do texto do botão Perguntar

    • Cor do texto do termo de serviço

  • Compartilhar

    • Cor do fundo

    • Cor do texto título

    • Cor do texto link

Classes

Descrição

.flip-card-acoes-imovel

flipcard de simulação e agendamento de visita

.flip-card-acoes-imovel .frente

representa parte da frente do card onde é apresentado os valores e acoes de compartilhamento, favoritar etc

.flip-card-acoes-imovel .frente .custos-imovel

representa a parte dos custos do imovel

.flip-card-acoes-imovel .frente .custos-imovel .preco-total-imovel

texto preço total da locação

.flip-card-acoes-imovel .frente .custos-imovel .preco-total-imovel .valor-total-formatado

valor formatado

.flip-card-acoes-imovel .frente .botoes-acao

representa tanto botao de visita quanto simular credito caso haja

.flip-card-acoes-imovel .frente .favoritar-compartilhar

representa os botões de compartilhar e favoritar

.flip-card-acoes-imovel .verso

representa parte de trás do card tanto formulario de visita quanto simulacao de credito

.flip-card-acoes-imovel .titulo

titulo dos dois formularios

...