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; + } }