From c85c336f14cfed064ec2d92687d6b53abcef7783 Mon Sep 17 00:00:00 2001 From: badain Date: Fri, 1 May 2020 18:08:10 -0300 Subject: [PATCH] =?UTF-8?q?melhorias=20de=20design:=20t=C3=ADtulo=20princi?= =?UTF-8?q?pal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit · melhor o comportamento responsivo do título principal em celulares --- css/custom.css | 53 +++++++++++++++++++++++++++++++----------------- index.html | 2 +- informacoes.html | 2 +- leitos.html | 2 +- midia.html | 2 +- municipios.html | 7 ++----- perguntas.html | 2 +- progressao.html | 2 +- sobre.html | 2 +- 9 files changed, 43 insertions(+), 31 deletions(-) diff --git a/css/custom.css b/css/custom.css index cd5ee19f370..6f3e0db4132 100644 --- a/css/custom.css +++ b/css/custom.css @@ -120,42 +120,57 @@ body { } /* GLOBAL: PAGE TITLE & UPDATE DATE */ +/* extra small: less than 576px */ .main-title { + display: flex; + flex-direction: column!important; margin-left: 0.2rem; } - -@media (min-width: 576px) { - .main-title { - margin-left: 1.3rem; - } -} .display { - font-size: 3rem; + display: inline-block; + font-size: 1.65rem; font-weight: 300; line-height: 1.2; - display: inline-block; + margin-bottom: 0!important; +} +.page-title-update { + font-family: 'Poppins', sans-serif; + font-size: .85rem; + color: #6c757d; + margin-left: 1.8rem!important; } -/* Extra small devices (portrait phones, less than 576px) */ -@media (max-width: 767.98px) { +@media (min-width: 446px) { + .display { + font-size: 2rem; + } +} + +/* small: 576px and up */ +@media (min-width: 576px) { .display { font-size: 2.5rem; - margin-bottom: 0!important; } .main-title { - display: flex; - flex-direction: column!important; + margin-left: 13px; + } +} + +/* tablets: 768px and up */ +@media (min-width: 768px) { + .display { + font-size: 3rem; } .page-title-update { - margin-left: 1.8rem!important; + margin-left: .5rem; } } -.page-title-update { - font-family: 'Poppins', sans-serif; - font-size: .85rem; - color: #6c757d; - margin-left: .5rem; +/* desktops: 992px and up */ +@media (min-width: 992px) { + .main-title { + margin-left: 1.3rem; + } } /* Dropdown */ diff --git a/index.html b/index.html index 43e77e49c10..5b476331dbd 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + diff --git a/informacoes.html b/informacoes.html index 2755420e21a..718a760f2b0 100644 --- a/informacoes.html +++ b/informacoes.html @@ -16,7 +16,7 @@ - + diff --git a/leitos.html b/leitos.html index e9434ce3132..fc7f4f84e4c 100644 --- a/leitos.html +++ b/leitos.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + diff --git a/midia.html b/midia.html index 78fc6cb3573..ae85a14a452 100644 --- a/midia.html +++ b/midia.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + diff --git a/municipios.html b/municipios.html index 8d8709646f3..b9447d2c157 100644 --- a/municipios.html +++ b/municipios.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + @@ -107,13 +107,10 @@
-

Município de 

São Paulo diff --git a/perguntas.html b/perguntas.html index e775e621474..99f4e57b93f 100644 --- a/perguntas.html +++ b/perguntas.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + diff --git a/progressao.html b/progressao.html index 66d359d7494..0fa6e96d153 100644 --- a/progressao.html +++ b/progressao.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - + diff --git a/sobre.html b/sobre.html index d39cab1f582..722731dddb2 100644 --- a/sobre.html +++ b/sobre.html @@ -14,7 +14,7 @@ integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> - +