fixed responsive for medium

This commit is contained in:
2017-03-13 14:51:46 +01:00
parent 63598ff963
commit 44791ccf96
2 changed files with 26 additions and 26 deletions
@@ -449,7 +449,7 @@ $header_height_large:400px;
// /_/ /_/ /_/\__,_/_/_/ /_/
article.main{
@media #{$large-up} {
@media #{$medium-up} {
display: inline-block;
vertical-align: top;
width:$main_w;
@@ -480,7 +480,7 @@ $header_height_large:400px;
}
.value{
display:none;
@media #{$xlarge-up} {
@media #{$medium-up} {
display: block;
}
position:absolute;
@@ -493,7 +493,7 @@ $header_height_large:400px;
background-color: #fff;
}
}
@media #{$large-up} {
@media #{$medium-up} {
&:hover{
// .summary{background-color: #fff;}
.value{
@@ -541,7 +541,7 @@ $header_height_large:400px;
}
}
}
@media #{$large-up} {
@media #{$medium-up} {
&:hover .group-description{
// background-color: rgba(255,255,255,0.9);
// .field-name-field-ecouter{
@@ -561,28 +561,28 @@ $header_height_large:400px;
aside.right{
margin-top:$gouttiere;
@media #{$large-up} {
@media #{$medium-up} {
display: inline-block;
vertical-align: top;
width: $right_w;
margin-top: 0;
}
.field-name-field-eclairages{
@media #{$large-up} {
@media #{$medium-up} {
padding-left:1em;
}
.field-items{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
@media #{$large-up} {
@media #{$medium-up} {
display: block;
}
&>.field-item{
display: block;
background-color: #fff;
width:33%;
@media #{$large-up} {
@media #{$medium-up} {
width:auto;
&:not(:last-child){
padding-bottom: $gouttiere;
@@ -604,7 +604,7 @@ $header_height_large:400px;
position:absolute; z-index: 2; overflow: hidden;
top:0; left:0; width:90%; height:80%;
margin:5px;
@media #{$large-up} {
@media #{$medium-up} {
margin:15px;
}
// opacity: 0;
@@ -627,7 +627,7 @@ $header_height_large:400px;
.group-video img{ width:100%; height:auto;}
.group-video a{ display: block; line-height: 0;}
}
@media #{$large-up} {
@media #{$medium-up} {
&:not(.en_attente):hover .group-txt{
.field-name-field-doc{background-color: transparent;}
.field-name-title-field{opacity: 1;}
@@ -657,7 +657,7 @@ $header_height_large:400px;
// /_/
aside.bottom{
padding-top: $gouttiere;
@media #{$large-up} {
@media #{$medium-up} {
padding-top: $gouttiere*0.5;
}
.field-name-field-episodes{
@@ -671,7 +671,7 @@ $header_height_large:400px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
@media #{$large-up} {
@media #{$medium-up} {
flex-flow: row nowrap;
justify-content: space-between;
}
@@ -679,7 +679,7 @@ $header_height_large:400px;
display: block;
background-color: #fff;
width:50%;
@media #{$large-up} {
@media #{$medium-up} {
width:19%;
}
.node-episode{