feat(home): posicionamento com prova, menu sem recarregar e WhatsApp em todo o site
H1 'Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.'; HeroWork maior com a SEV; menu Cases, Serviços, Como trabalho, Sobre e IA com next/link e pré-carregamento no hover; menu do celular em tela cheia; WhatsApp flutuante e no rodapé com a mensagem da rota; rodapé em todas as páginas; FAQ da home; /ia como oferta de revisão de app feito com IA; formulário com noscript, validação do mailto e plano B do pop-up; cartões sem foco indevido; sem a fonte Monument.
This commit is contained in:
1 parent
e80f73d075
commit
10f170abf4
56 files changed
+3099
-906
No files matched your search
@@ -27,3 +27,45 @@
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Retorno de toque dos cartões que não são clicáveis. O whileTap do motion fazia isso, mas também punha
|
||||
* tabindex="0" em cada cartão (7 paradas de foco sem ação, 3 delas sem contorno). A propriedade `scale` se soma
|
||||
* ao transform que o motion escreve no estilo inline, em vez de ser sobrescrita por ele.
|
||||
*/
|
||||
.cv-press {
|
||||
transition: scale 0.15s ease-out;
|
||||
}
|
||||
|
||||
.cv-press:active {
|
||||
scale: 0.99;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.cv-press {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.cv-press:active {
|
||||
scale: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Elevação dos cartões ao passar o mouse (era o whileHover do motion): só com mouse e sem movimento reduzido.
|
||||
* Usa `translate`, que não disputa o `transform` com a entrada por rolagem (.ds-reveal fica no envoltório),
|
||||
* e repete a transição de `scale` do .cv-press, que esta regra substitui.
|
||||
*/
|
||||
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
|
||||
.cv-lift {
|
||||
transition:
|
||||
scale 0.15s ease-out,
|
||||
translate 0.35s var(--ease-out),
|
||||
box-shadow 0.35s var(--ease-out);
|
||||
}
|
||||
|
||||
.cv-lift:hover {
|
||||
translate: 0 -4px;
|
||||
box-shadow: 0 20px 44px rgba(10, 10, 10, 0.12);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user