Viewing File: /home/cienp/public_html/inct-inovamed/wp-content/themes/inovamed/sass/_responsive.scss
@media only screen and (max-height: 1000px) {
}
@media only screen and (max-height: 900px) {
}
/*----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
nav.hiddenMenu{
@include transform(translateY(0px));
}
nav.menuPrimary{
display: none;
}
.page-template-template-sobre .splashSobre .grid {
grid-template-columns: 1fr;
max-width: 500px;
.logo {
left: 50%;
@include transform(translateX(-50%));
opacity: 0.2;
}
}
}
/*----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
.wrapper{
width: 700px
}
.page-template-template-sobre .instituicoes img.intituicao{
@include transform(scale(0.8));
}
.single .grid {
grid-template-columns: 1fr;
h1, .data, .conteudo{
grid-column: initial;
}
.conteudo figure {
width: 100%;
margin-left: 0;
}
}
}
/*----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 800px) {
.wrapper{
width: 500px
}
.chamadaPaginas{
.grid{
grid-template-columns: 1fr 1fr;
}
}
.blog .title{
a.botao, span.botao {
font-size: 0.8em;
}
}
.blog .posts li{
a{
h3, .data {
grid-column: 1 / 5;
}
.resumo, .resumo.hasThumb {
grid-column: 1 / 5;
order: 3;
}
img {
grid-column: 1 / 5;
order: 2;
}
}
&:before{
display: none;
}
}
footer .newsletter .grid .outlineLogo {
width: 200%;
}
footer .newsletter .grid .pills {
left: 80%;
height: 400px;
}
.page-template-template-sobre .instituicoes .wrapper > p {
width: 100%;
margin: 1em auto;
}
.page-template-template-sobre .instituicoes .column {
grid-template-columns: 1fr ;
img.intituicao, img {
height: 130px;
padding: 60px 30px 30px;
max-width: 220px;
}
img{
height: 200px;
}
}
.page-template-template-sobre .instituicoes ul{
@include flex-wrap(wrap);
@include justify-content(center);
li{
padding: 10px;
}
}
.page-template-template-eventos .eventos li a {
grid-template-columns: 1fr;
.photo {
padding: 0 20px 20px;
}
}
.page-template-template-pesquisadores .pesquisadores section.grid {
grid-template-columns: 1fr 1fr;
}
.single.single-pesquisadores section.grid {
grid-template-columns: 1fr;
.posicao {
margin-top: 2em;
}
h1 {
margin-bottom: 1em;
}
}
.page-template-template-projetos .projetos li h2 {
padding: 20px;
font-size: 2em;
}
.page-template-template-posts{
.splash {
padding-bottom: 25px;
}
.blog{
padding-top: 25px;
}
.postsDestaque .texto h3 {
font-size: 1.8em;
}
}
}
/*----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
.wrapper{
width: 400px
}
.splashHome{
width: 100%;
margin: 180px 0;
.grid{
grid-template-columns: 1fr;
}
.chamada{
width: 100%;
grid-column: 1;
h1{
font-size: 3em;
}
span{
font-size: 0.9em;
margin: 1em 0;
display: block;
}
.botao{
margin-top: 1em;
display: inline-block;
}
}
}
.blog .title h2 {
width: 55%;
}
.page-template-template-sobre .instituicoes ul li {
padding: 25px 10px;
}
.page-template-template-projetos .projetos li{
a{
grid-template-columns: 1fr;
h2 {
position: relative;
}
.photo{
.gradient{
top: 0;
height: calc(100% + 100px);
}
img {
top: 0;
height: calc(100% + 100px);
}
}
}
&:nth-child(4n+1){
a{
.gradient{
background: rgb(38,36,123);
background: -moz-linear-gradient(180deg, rgba(38,36,123,0) 50%, rgba(38,36,123,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(38,36,123,0) 50%, rgba(38,36,123,1) 100%);
background: linear-gradient(180deg, rgba(38,36,123,0) 50%, rgba(38,36,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26247b",endColorstr="#26247b",GradientType=1);
}
}
}
&:nth-child(4n+2){
a{
.gradient{
background: rgb(173,35,138);
background: -moz-linear-gradient(180deg, rgba(173,35,138,0) 50%, rgba(173,35,138,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(173,35,138,0) 50%, rgba(173,35,138,1) 100%);
background: linear-gradient(180deg, rgba(173,35,138,0) 50%, rgba(173,35,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ad238a",endColorstr="#ad238a",GradientType=1);
}
}
}
&:nth-child(4n+3){
a{
.gradient{
background: rgb(237,34,125);
background: -moz-linear-gradient(180deg, rgba(237,34,125,0) 50%, rgba(237,34,125,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(237,34,125,0) 50%, rgba(237,34,125,1) 100%);
background: linear-gradient(180deg, rgba(237,34,125,0) 50%, rgba(237,34,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed227d",endColorstr="#ed227d",GradientType=1);
}
}
}
&:nth-child(4n+4){
a{
.gradient{
background: rgb(241,95,49);
background: -moz-linear-gradient(180deg, rgba(241,95,49,0) 50%, rgba(241,95,49,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(241,95,49,0) 50%, rgba(241,95,49,1) 100%);
background: linear-gradient(180deg, rgba(241,95,49,0) 50%, rgba(241,95,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f15f31",endColorstr="#f15f31",GradientType=1);
}
}
}
}
.page-template-template-posts .postsDestaque a {
height: 230px;
}
.page-template-template-posts .postsDestaque .texto h3 {
font-size: 1.5em;
}
}
/*----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 500px) {
.wrapper{
width: 320px
}
.chamadaPaginas{
.grid{
grid-template-columns: 1fr;
}
}
footer .newsletter .grid {
grid-template-columns: 1fr;
}
footer .newsletter .grid .pills {
display: none;
}
footer .newsletter .grid .outlineLogo {
opacity: 0.2;
}
.blog .title h2 {
width: 100%;
margin-bottom: 1em;
}
.blog .title{
@include flex-wrap(wrap);
}
.page-template-template-sobre .instituicoes ul li {
padding: 25px 50px;
}
.page-template-template-pesquisadores .pesquisadores .grid {
grid-template-columns: 1fr;
}
.page-template-template-pesquisadores h1.title {
font-size: 2.5em;
}
.page-template-template-posts .postsDestaque .texto{
h3 {
font-size: 1.2em;
}
.lermais {
font-size: 0.8em;
}
}
}
@media only screen and (max-width: 450px) {
.wrapper{
width: 300px
}
nav.hiddenMenu .pageHolder ul {
font-size: 0.9em;
}
}
Back to Directory
File Manager