Browse Source

Retornada responsividade da grid da home

producao
Marcio Mazza 10 years ago
parent
commit
e11a38be7e
  1. 24
      sigiStatic/css/base_site.css

24
sigiStatic/css/base_site.css

@ -257,40 +257,42 @@ div#footer a {
/* ROW FLEX (baseado em http://www.bootply.com/126437) /* ROW FLEX (baseado em http://www.bootply.com/126437)
Para fazer celulas com a mesma altura em uma linha da grid */ Para fazer celulas com a mesma altura em uma linha da grid */
@media screen and (min-width: 970px) {
.row-flex, .row-flex > div[class*='col-'] { .row-flex, .row-flex > div[class*='col-'] {
display: -webkit-box; display: -webkit-box;
display: -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
flex:1 1 auto; flex:1 1 auto;
} }
.row-flex-wrap { .row-flex-wrap {
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
align-content: flex-start; align-content: flex-start;
flex:0; flex:0;
} }
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { .row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
margin:-.2px; /* hack adjust for wrapping */ margin:-.2px; /* hack adjust for wrapping */
} }
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { .container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
width:100%; width:100%;
} }
.flex-col { .flex-col {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex: 1 100%; flex: 1 100%;
flex-flow: column nowrap; flex-flow: column nowrap;
} }
.flex-grow { .flex-grow {
display: flex; display: flex;
-webkit-flex: 2; -webkit-flex: 2;
flex: 2; flex: 2;
}
} }

Loading…
Cancel
Save