Browse Source

Retornada responsividade da grid da home

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

72
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-'] {
display: -webkit-box; .row-flex, .row-flex > div[class*='col-'] {
display: -moz-box; display: -webkit-box;
display: -ms-flexbox; display: -moz-box;
display: -webkit-flex; display: -ms-flexbox;
display: flex; display: -webkit-flex;
flex:1 1 auto; display: flex;
} flex:1 1 auto;
}
.row-flex-wrap {
-webkit-flex-flow: row wrap; .row-flex-wrap {
align-content: flex-start; -webkit-flex-flow: row wrap;
flex:0; align-content: flex-start;
} flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
margin:-.2px; /* hack adjust for wrapping */ .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%; .container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
} width:100%;
}
.flex-col {
display: flex; .flex-col {
display: -webkit-flex; display: flex;
flex: 1 100%; display: -webkit-flex;
flex-flow: column nowrap; flex: 1 100%;
} flex-flow: column nowrap;
}
.flex-grow {
display: flex; .flex-grow {
-webkit-flex: 2; display: flex;
flex: 2; -webkit-flex: 2;
flex: 2;
}
} }

Loading…
Cancel
Save