bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#1528 #1497

Browse Source
This commit is contained in:
armansansd 2021-09-28 16:02:01 +02:00
parent 52b606a928
commit 0beb59f0f8
2 changed files with 192 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/popsu/assets/css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

328
web/themes/custom/popsu/sass/pages/_actu.scss
View File

@ -18,7 +18,7 @@
margin : 1rem 0;
}
}
article{
.views-row{
h2{
// color: white;
padding: 0;
@ -58,247 +58,217 @@
}
}
#actus_blocks-block_2{
.programme-1{
article{
background: $col-1 !important;
.field_programme{
color: $col-1;
.views-field{
background: $col-1;
}
.views-field-field-programme{
color: $col-1 !important;
}
}
.programme-2{
article{
background: $col-2 !important;
.field_programme{
color: $col-2;
.views-field{
background: $col-2;
}
.views-field-field-programme{
color: $col-2 !important;
}
}
.programme-3{
article{
background: $col-eur !important;
.field_programme{
color: $col-eur;
.views-field{
background: $col-eur;
}
.views-field-field-programme{
color: $col-eur !important;
}
}
.programme-4{
article{
.views-field{
background: $col-1;
.field_programme{
color: $col-1;
}
.views-field-field-programme{
color: $col-1 !important;
}
}
.programme-5{
article{
background: $col-mond !important;
.field_programme{
color: $col-mond;
.views-field{
background: $col-mond;
}
.views-field-field-programme{
color: $col-mond !important;
}
}
.programme-6{
article{
background: $col-ter !important;
.field_programme{
color: $col-ter;
.views-field{
background: $col-ter;
}
.views-field-field-programme{
color: $col-ter !important;
}
}
.programme-7{
article{
background: $col-met !important;
.field_programme{
color: $col-met;
.views-field{
background: $col-met;
}
.views-field-field-programme{
color: $col-met !important;
}
}
.slick-slide{
margin: 0 1rem;
padding: 0;
}
article{
//
&>div{
.views-row{
overflow: hidden;
display: grid;
grid-column: 1 / span 2;
.field_programme{
grid-row: 1;
z-index: 10;
}
.field_sous_titre{
grid-row: 3;
margin: .5rem 1rem !important;
}
}
color:white;
h2{
color: white;
margin: 0 1rem 1rem 1rem;
}
.field_programme{
display: block;
a{
background: white;
display: inline-block;
width: auto;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: .3rem .3rem 0 .3rem;
}
}
}
}
#actus_blocks-block_1{
.slick-slide{
margin: 0 1rem;
padding: 0;
}
.slick-slide{
// background: white;
}
.programme-1{
article, h2{
color: $col-1 !important;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-1;
}
}
}
.programme-2{
article, h2{
color: $col-2 !important;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-2;
}
}
}
.programme-3{
article, h2{
color: $col-eur !important;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-eur;
}
}
}
.programme-4{
article, h2{
color: $col-1;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-1;
}
}
}
.programme-5{
article, h2{
color: $col-mond !important;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-mond;
}
}
}
.programme-6{
article, h2{
color: $col-ter !important;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-ter;
}
}
}
.programme-7{
article, h2{
color: $col-met !important;
}
.field_programme{
a{
.views-field-field-programme{
background: $col-met;
}
}
}
article{
//
.views-field{
background: white;
&>div:first-of-type{
display: grid;
grid-column: 1 / span 2;
overflow: hidden;
div:not(.field_image){
// margin: 0 1rem;
}
.field_programme{
grid-row: 1;
z-index: 10;
}
// article{
// //
// background: white;
// &>div:first-of-type{
// display: grid;
// grid-column: 1 / span 2;
// overflow: hidden;
// div:not(.field_image){
// // margin: 0 1rem;
// }
// .field_programme{
// grid-row: 1;
// z-index: 10;
// }
.field_dates_actu{
grid-row: 3;
margin: .5rem 1rem;
}
.field_sous_titre{
grid-row: 4;
margin: 0rem 1rem;
}
}
// color:white;
h2{
// .field_dates_actu{
// grid-row: 3;
// margin: .5rem 1rem;
// }
// .field_sous_titre{
// grid-row: 4;
// margin: 0rem 1rem;
// }
// }
// // color:white;
// h2{
// // color: white;
// margin: 0 1rem 1rem 1rem;
// margin: .5rem 1rem !important;
// }
// .field_programme{
// display: block;
// a{
// color: white;
margin: 0 1rem 1rem 1rem;
margin: .5rem 1rem !important;
}
.field_programme{
display: block;
a{
color: white;
display: inline-block;
width: auto;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: .3rem .3rem 0 .3rem;
}
}
}
// display: inline-block;
// width: auto;
// text-decoration: none;
// font-weight: 600;
// text-transform: uppercase;
// padding: .3rem .3rem 0 .3rem;
// }
// }
// }
}
#actus_blocks-block_1, #actus_blocks-block_2{
article{
width: 100%;
height: 100%;
position: absolute;
}
.views-row{
.slick-slide > div{
padding-bottom: 100%;
position: relative;
}
@ -306,21 +276,48 @@
display: none;
}
.views-row article{
display: grid;
.views-row{
text-transform: uppercase;
display: grid !important;
width: 100%;
height: 100%;
position: absolute;
grid-template-columns: repeat( 2, minmax(0, 1fr));
grid-template-rows: 60% 40%;
// position: relative;
// height: auto;
.field_programme{
margin: 0 0 0 1rem ;
display: inline-block;
.views-field{
grid-column: 1 / span 2;
}
.field_image{
/* grid-row: 2; */
.views-field-field-type-evenement{
grid-column: 2 ;
grid-row: 3;
padding: 0.5rem 1rem 0 0 ;
}
.views-field-field-date{
grid-column: 1;
grid-row: 3;
padding: 0.5rem 0 0 1rem;
}
.views-field-field-programme{
margin-bottom: -.3rem;
grid-row: 1;
font-weight: 600;
z-index: 10;
background: transparent !important;
.field-content{
background:white;
margin: 0 0 0 1rem ;
padding: 0 0.2rem;
display: inline-block;
}
background: transparent;
}
.views-field-field-image{
grid-row: 2;
margin-top: -.5rem;
max-height: 100%;
overflow: hidden;
img{
@ -329,16 +326,23 @@
object-fit: cover;
}
}
h2{
grid-row: 2;
grid-column: 1 / span 2;
.views-field-title{
font-weight: 600;
padding: 0 1rem 0.5rem 1rem;
}
div:first{
grid-row: 1;
grid-column: 1 / span 2;
.views-field-field-sous-titre{
padding: 0 1rem 1rem 1rem;
}
a{
display: inline-block;
width: auto;
text-decoration: none;
text-transform: uppercase;
}
}
}
#home_blocks-block_3{