feat(mobile): espacamento menor, rotulos legiveis e botao de analytics compacto no celular
- .ds-section usa clamp(52px, 13vw, 64px) em vez de 72px; header de secao com menos margem - eyebrow/kicker 11px e tags/links 12px no celular (antes 9-11px) - botao persistente de analytics mostra 'Cookies' abaixo de 640px; o nome acessivel continua 'Preferencias de analytics' Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
This commit is contained in:
1 parent
2ffe718fac
commit
2a428ec7a2
2 files changed
+20
-2
No files matched your search
+16
-1
@@ -805,7 +805,22 @@ textarea {
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.ds-section {
|
||||
padding: 72px 20px;
|
||||
padding: clamp(52px, 13vw, 64px) 20px;
|
||||
}
|
||||
|
||||
.ds-section-header {
|
||||
margin-bottom: var(--sp-8);
|
||||
}
|
||||
|
||||
/* rotulos em 11-12px (antes 9-11px): legiveis no celular sem perder o estilo tecnico */
|
||||
.ds-eyebrow,
|
||||
.ds-kicker {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.ds-tag,
|
||||
.ds-link {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ds-section-title {
|
||||
|
||||
Reference in new issue
Block a user