feat(mobile): hero fixo com mergulho e legendas no celular e no tablet
CI / verify (push) Failing after 5m45s
CI / verify (push) Failing after 5m45s
Hero compacto no celular (numeros em uma linha; servicos e redes ficam no menu e no rodape) para caber em uma tela e ficar fixo a partir de 700px de altura. A camera calcula o enquadramento pela proporcao da tela: em pe, se afasta para cada camada caber na largura. Legendas em tamanho de celular. Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
1 parent
def1e22302
commit
6f2008a209
3 files changed
+42
-26
No files matched your search
+3
-2
@@ -1140,7 +1140,8 @@ textarea {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
|
||||
/* Hero fixo com o mergulho: em qualquer largura, desde que a tela tenha altura para o conteúdo caber */
|
||||
@media (min-height: 700px) and (prefers-reduced-motion: no-preference) {
|
||||
.hero {
|
||||
height: 220svh;
|
||||
}
|
||||
@@ -1164,7 +1165,7 @@ textarea {
|
||||
grid-area: 1 / 1;
|
||||
max-width: 26ch;
|
||||
color: #f4f2ed;
|
||||
font: 600 clamp(28px, 2.8vw, 48px) / 1.1 var(--font-display);
|
||||
font: 600 clamp(24px, 2.8vw + 12px, 48px) / 1.12 var(--font-display);
|
||||
letter-spacing: -0.035em;
|
||||
text-align: center;
|
||||
text-shadow: 0 2px 40px rgba(10, 10, 10, 0.9);
|
||||
|
||||
Reference in new issue
Block a user