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

View File

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