vignette actuatilité

This commit is contained in:
armansansd 2021-09-22 14:16:26 +02:00
parent 1c80bf8dca
commit c2f47158ce
3 changed files with 44 additions and 30 deletions

File diff suppressed because one or more lines are too long

View File

@ -31,6 +31,7 @@
}
}
footer{
text-align: center;
margin: 1.8rem 0;
@ -60,6 +61,7 @@
.programme-1{
article{
background: $col-1 !important;
.field_programme{
color: $col-1;
@ -125,24 +127,16 @@
}
article{
//
div{
&>div{
overflow: hidden;
display: grid;
grid-column: 1 / span 2;
margin-top: -1rem;
div:not(.field_image){
// margin: 0 1rem;
}
.field_programme{
grid-row: 1;
z-index: 10;
}
.field_image{
grid-row: 2;
margin-top: -.5rem;
img{
width: 100%;
}
}
.field_sous_titre{
grid-row: 3;
margin: .5rem 1rem !important;
@ -151,7 +145,7 @@
color:white;
h2{
color: white;
margin: -1rem 1rem 1rem 1rem;
margin: 0 1rem 1rem 1rem;
}
.field_programme{
display: block;
@ -260,7 +254,7 @@
&>div:first-of-type{
display: grid;
grid-column: 1 / span 2;
margin-top: -1rem;
overflow: hidden;
div:not(.field_image){
// margin: 0 1rem;
}
@ -268,13 +262,7 @@
grid-row: 1;
z-index: 10;
}
.field_image{
grid-row: 2;
margin-top: -.5rem;
img{
width: 100%;
}
}
.field_dates_actu{
grid-row: 3;
margin: .5rem 1rem;
@ -287,7 +275,7 @@
// color:white;
h2{
// color: white;
// margin: -1rem 1rem 1rem 1rem;
margin: 0 1rem 1rem 1rem;
margin: .5rem 1rem !important;
}
.field_programme{
@ -305,18 +293,43 @@
}
}
#actus_blocks-block_1, #actus_blocks-block_2{
.links{
visibility: hidden;
article{
width: 100%;
height: 100%;
position: absolute;
}
.views-row{
padding-bottom: 100%;
position: relative;
}
.links.inline{
display: none;
}
.views-row article{
display: grid;
grid-template-columns: repeat( 2, minmax(0, 1fr));
grid-template-rows: 60% 40%;
position: relative;
height: auto;
// position: relative;
// height: auto;
.field_programme{
margin: 0 0 0 1rem ;
display: inline-block;
}
.field_image{
/* grid-row: 2; */
grid-row: 2;
margin-top: -.5rem;
max-height: 100%;
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
h2{
grid-row: 2;
grid-column: 1 / span 2;
@ -324,6 +337,7 @@
div:first{
grid-row: 1;
grid-column: 1 / span 2;
}
}
}

View File

@ -15,7 +15,7 @@ article, .paragraph{
.layout-container{
background-color: $bck-col;
}
.prog-ressources-link,.ressources-link{
.block-region-bottom .prog-ressources-link,.ressources-link{
display: inline-block;
margin: 0 auto;
background: black;