fixed responsive for medium
This commit is contained in:
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user