From e11a38be7e15d8bd5724209b0710c7d02087aff5 Mon Sep 17 00:00:00 2001 From: Marcio Mazza Date: Wed, 1 Oct 2014 19:55:48 -0300 Subject: [PATCH] Retornada responsividade da grid da home --- sigiStatic/css/base_site.css | 72 ++++++++++++++++++------------------ 1 file changed, 37 insertions(+), 35 deletions(-) diff --git a/sigiStatic/css/base_site.css b/sigiStatic/css/base_site.css index 5a3dd78..f397dfb 100644 --- a/sigiStatic/css/base_site.css +++ b/sigiStatic/css/base_site.css @@ -257,40 +257,42 @@ div#footer a { /* ROW FLEX (baseado em http://www.bootply.com/126437) Para fazer celulas com a mesma altura em uma linha da grid */ - -.row-flex, .row-flex > div[class*='col-'] { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - flex:1 1 auto; -} - -.row-flex-wrap { - -webkit-flex-flow: row wrap; - align-content: flex-start; - flex:0; -} - -.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { - margin:-.2px; /* hack adjust for wrapping */ -} - -.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { - width:100%; -} - -.flex-col { - display: flex; - display: -webkit-flex; - flex: 1 100%; - flex-flow: column nowrap; -} - -.flex-grow { - display: flex; - -webkit-flex: 2; - flex: 2; +@media screen and (min-width: 970px) { + + .row-flex, .row-flex > div[class*='col-'] { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + flex:1 1 auto; + } + + .row-flex-wrap { + -webkit-flex-flow: row wrap; + align-content: flex-start; + flex:0; + } + + .row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { + margin:-.2px; /* hack adjust for wrapping */ + } + + .container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { + width:100%; + } + + .flex-col { + display: flex; + display: -webkit-flex; + flex: 1 100%; + flex-flow: column nowrap; + } + + .flex-grow { + display: flex; + -webkit-flex: 2; + flex: 2; + } }