...
Classes | Descrição |
|---|---|
.exibir-imovel-site | container do componente |
.exibir-imovel-site .modal-agendar-simular | modal com simulador ou agendar visita |
.exibir-imovel-site .modal-simulador-credpago | modal mobile com formulario credpago |
.exibir-imovel-site .modal-simulador-credpago .form-simular-credito | lado formulario |
.exibir-imovel-site .modal-simulador-credpago .form-simular-credito .titulo.exibir-imovel-site .modal-simulador-credpago .form-simular-credito .subtitulosubtitulo | subtitulo simulador |
.exibir-imovel-site .modal-simulador-credpago .form-simular-credito .form-simular-credito-inputs | inputs |
.exibir-imovel-site .modal-simulador-credpago .p-button-card-action | CTA simulador |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado | lado resposta aprovado |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .imagem-resposta | div com imagem e titulo |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .imagem-resposta .titulo | titulo resposta simulação aprovado |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .imagem-resposta img | imagem resposta simulação aprovado |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .resposta | texto aprovado resposta simulação |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado | lado resposta reprovado |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .imagem-resposta img | imagem resposta simulação reprovado |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .imagem-resposta .titulo | titulo resposta simulação reprovado |
.exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .resposta | texto reprovado resposta simulação |
.exibir-imovel-site .modal-agendar-visita | modal mobile com formulario agendar visita |
.box-valores-mobile | caixa de custos referentes ao imóvel no mobile |
.box-valores-mobile lightning-formatted-number | valores |
.box-valores-mobile span | descrição do valor |
...
/* Aprovado */
:root .exibir-imovel-site .modal-agendar-simular.aprovado{
background: #ff5d7c !important;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado{
background: #ff5d7c !important;
text-align: center;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .p-button-card-action {
padding: 4px 20px;
font-size: medium;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .titulo, .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .resposta { color: #0d006c !important; }
/Reprovado/
:root .exibir-imovel-site .modal-agendar-simular.reprovado{
background: #0d006c !important;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado{
background: #0d006c !important;
text-align: center;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .p-button-card-action {
font-size: medium;
background: #ff5d7c !important;
border-color: #ff5d7c !important;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .titulo, .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .resposta {
color: #ff5d7c !important;
}
/*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 - Flipcard do imóvel (desktop)
...
/Cenário aprovado/
.flip-card-credpago-imovel .frente .resultadoAprovado .p-button-card-action{
background: #0d006c !important;
}
.flip-card-credpago-imovel .frente .resultadoAprovado .titulo{
color: #0d006c !important;
}
Configuração de CSS - Exibir imóveis site
Classes | Descrição |
|---|---|
.exibir-imovel-site .slds-listbox | Limitar dropdrown incluindo de horário e visita |
...
Exemplo de implementação CSS
/* Exibir imóveis site */
:root .exibir-imovel-site .slds-listbox {
max-height: 120px;
border: none;
border-radius: 10px;
}/*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}