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

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

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