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

Merge branch 'master' of gogs-figureslibres.io:bachir/popsu-d9

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2021-10-14 10:51:56 +02:00
commit 595d811de5
5 changed files with 93 additions and 182 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

2
web/themes/custom/popsu/assets/js/main.js
View File

File diff suppressed because one or more lines are too long

6
web/themes/custom/popsu/lib/script.js
View File

@ -122,10 +122,10 @@ $(function(){
let elem = $(".content_container").find(".views-element-container header>div"); let elem = $(".content_container").find(".views-element-container header>div");
$(elem[0]).slick({ $(elem[0]).slick({
slidesToShow: 1, slidesToShow: 3,
slidesToScroll: 1, slidesToScroll: 1,
centerMode: true, centerMode: false,
centerPadding: '100px' centerPadding: '60px'
}); });
} }

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

@ -141,6 +141,7 @@
margin: 0 1rem; margin: 0 1rem;
padding: 0; padding: 0;
} }
.programme-1{ .programme-1{

264
web/themes/custom/popsu/sass/pages/_ressources.scss
View File

@ -1,8 +1,8 @@
.path-centre-de-ressources{ .path-centre-de-ressources{
//tmp // //tmp
.slick-slider{ // .slick-slider{
display: none; // display: none;
} // }
//colo programme //colo programme
.programme-1{ .programme-1{
@ -78,32 +78,51 @@
} }
background-color: $bck-col; background-color: $bck-col;
header{ header{
background: $trame;
margin-bottom: 0; margin-bottom: 0;
.slick-track{
display: flex !important;
align-items: center;
}
.slick-slide{ .slick-slide{
margin: 0 1rem; margin: 0 1rem;
.views-row:not(.type-74){ .views-row:not(.type-74){
display: grid !important; display: grid !important;
grid-template-columns: 1fr; grid-template-columns: 40% 60%;
grid-auto-rows: min-content;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
// flex-direction: column;
// flex-direction: column-reverse; width: 100% !important;
position: relative; padding: .3rem;
height: auto;
.views-field:not(:first-child){ .views-field:not(:first-child){
padding: 0 0 0 .4rem; padding: 0 0 0 .4rem;
} }
.views-field-field-image{ .views-field-field-image{
grid-row: 3 / span 2; grid-row: 2/span 5;
margin-top: -1.5rem; }
img{ .views-field-field-edition{
width: 100%; grid-column: 2;
} grid-row: 6;
}
.views-field-field-auteurs{
font-weight: 600;
grid-column: 2;
grid-row: 3;
} }
.views-field-field-programme{ .views-field-field-programme{
grid-row: 1 / span 1; grid-row: 1 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
.field-content{ .field-content{
@ -116,11 +135,6 @@
} }
} }
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{ .views-field-field-type-de-ressource{
text-transform: uppercase; text-transform: uppercase;
@ -133,23 +147,24 @@
} }
.views-field-title{ .views-field-title{
font-style: italic; font-style: italic;
grid-row: 3 / span 1; grid-row: 4 / span 1;
grid-column: 2 / span 1; grid-column: 2 / span 1;
} }
.views-field-field-sous-titre{ .views-field-field-sous-titre{
margin-bottom: 1rem; margin-bottom: 1rem;
grid-row: 4 / span 1; grid-row: 5 / span 1;
grid-column: 2 / span 1; grid-column: 2 / span 1;
align-self: baseline; align-self: baseline;
} }
.views-field-field-theme{ .views-field-field-theme{
grid-row: 5 / span 1; grid-row: 7 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
font-size: $font-small; font-size: $font-small;
} .field-content{
a{ color:black;
text-decoration: none; }
} }
} }
.type-74{ .type-74{
@ -179,7 +194,7 @@
.views-field-field-programme{ .views-field-field-programme{
grid-row: 1 / span 1;
// grid-column: 1 / span 2; // grid-column: 1 / span 2;
.field-content{ .field-content{
font-weight: 600; font-weight: 600;
@ -257,7 +272,7 @@
form{ form{
background: $trame; background: $trame;
display: grid; display: grid;
padding: 5rem 0 1rem 0; padding: 1rem 0 1rem 0;
//margin-top: -3rem; //margin-top: -3rem;
column-gap: 1rem; column-gap: 1rem;
grid-template-columns: calc(10% - 3em) repeat(4, 20%); grid-template-columns: calc(10% - 3em) repeat(4, 20%);
@ -334,20 +349,16 @@
} }
} }
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
// background-clip: content-box;
width: 100% !important; width: 100% !important;
padding: .3rem; padding: .3rem;
// .views-field:empty {
// background: lime;
// }
.views-field:not(:first-child){ .views-field:not(:first-child){
padding: 0 0 0 .4rem; padding: 0 0 0 .4rem;
} }
.views-field-field-image{ .views-field-field-image{
grid-row: 4 / span 2; grid-row: 2/span 5;
margin-top: -1.5rem;
} }
.views-field-field-edition{ .views-field-field-edition{
grid-column: 2; grid-column: 2;
@ -360,6 +371,7 @@
} }
.views-field-field-programme{ .views-field-field-programme{
margin-top: -.8rem;
grid-row: 1 / span 1; grid-row: 1 / span 1;
grid-column: 1 / span 2; grid-column: 1 / span 2;
.field-content{ .field-content{
@ -501,7 +513,7 @@
.page-node-type-ressource{ .page-node-type-ressource{
&.programme-1{ &.programme-1{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-1 !important; color: $col-1 !important;
} }
.field_programme div{ .field_programme div{
@ -509,7 +521,7 @@
} }
} }
&.programme-2{ &.programme-2{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-2 !important; color: $col-2 !important;
} }
.field_programme div{ .field_programme div{
@ -518,7 +530,7 @@
} }
&.programme-3{ &.programme-3{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-eur !important; color: $col-eur !important;
} }
.field_programme div{ .field_programme div{
@ -527,7 +539,7 @@
} }
} }
&.programme-4{ &.programme-4{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-1; color: $col-1;
} }
.field_programme div{ .field_programme div{
@ -538,7 +550,7 @@
&.programme-5{ &.programme-5{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-mond !important; color: $col-mond !important;
} }
.field_programme div{ .field_programme div{
@ -547,7 +559,7 @@
} }
&.programme-6{ &.programme-6{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-ter !important; color: $col-ter !important;
} }
.field_programme div{ .field_programme div{
@ -556,7 +568,7 @@
} }
&.programme-7{ &.programme-7{
h2{ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-met !important; color: $col-met !important;
} }
.field_programme div{ .field_programme div{
@ -568,11 +580,13 @@
.block-region-second{ .block-region-second{
display: grid; display: grid;
grid-template-columns: repeat(4, 25%);
padding-bottom: 3rem; padding-bottom: 3rem;
align-items: center;
.field_programme div{ .field_programme div{
display: inline-block; display: inline-block;
// background: gray; // background: gray;
margin-bottom: 1rem;
color: white; color: white;
font-weight: 600; font-weight: 600;
padding: .3rem .5rem; padding: .3rem .5rem;
@ -580,161 +594,57 @@
text-decoration: none; text-decoration: none;
} }
} }
/// ///
#node\:title{ #node\:title{
margin: 0; margin: 0;
font-size: $font-large; font-size: $font-large;
line-height: 1.3; line-height: 1.3;
font-weight: 600; font-weight: 500;
font-style: italic;
margin-bottom: 1rem; margin-bottom: 1rem;
grid-column: 1 / span 2; grid-row: 3;
grid-column: 3 / span 2;
margin: 0;
} }
#node\:field_image{ #node\:field_image{
grid-row: 2;
grid-column: 1 / span 2; grid-column: 1 / span 2;
grid-row: 2 / span 4;
padding: 1rem;
} }
#node\:field_auteurs{ #node\:field_auteurs{
grid-row: 2;
grid-column: 3 / span 2;
.field_auteurs{
font-weight: 600;
font-size: $font-medium;
}
}
#node\:body{
margin-top: 2rem;
grid-column: 1 / span 4;
}
#node\:field_theme{
grid-column: 3 / span 2;
grid-row: 5;
} }
#node\:field_type_de_ressource{ #node\:field_type_de_ressource{
grid-row: 1; grid-row: 1;
grid-column: 2; grid-column: 2 ;
font-weight: 600;
} }
#node\:field_programme{ #node\:field_programme{
grid-row: 1; grid-row: 1;
grid-column: 1; grid-column: 1;
} }
#node\:field_date_de_parution{ #node\:field_date_de_parution{
grid-row: 3; grid-row: 4;
grid-column: 1 / span 2; grid-column: 3 / span 2;
font-size: $font-medium;
} }
// .body{
// font-size: $font-medium;
// height: 15rem;
// overflow: hidden;
// position: relative;
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// footer{
// position:absolute;
// bottom:0;
// left:0;
// z-index: 1;
// width: 100%;
// text-align: center;
// a{
// display: inline-block;
// margin: 0 auto;
// background: black;
// color: white;
// cursor:pointer;
// font-family: "trueno";
// font-weight: 500;
// padding: .3rem .5rem;
// font-size: $font-small;
// text-decoration: none;
// text-transform: uppercase;
// &:hover{
// color:black;
// background: white;
// }
// }
// }
// }
// .body:after{
// content: "";
// opacity: 1;
// position: absolute;
// top: 0; bottom: 0; left: -15px; right: -15px;
// box-shadow: inset $bck-col 0 -2rem 2rem;
// }
// .body_open{
// height: auto !important;
// padding: 0 0 .8rem 0;
// &:after{
// opacity: 0;
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// }
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// }
// .body_open:after{
// display: none;
// }
// .field_textes{
// .paragraph{
// // border-top: 1px solid black;
// border-bottom: 3px dotted gray;
// padding: 1rem 0;
// .field_titre{
// font-size: $font-big;
// font-weight: 600;
// text-transform: initial;
// cursor: pointer;
// display: grid;
// grid-template-columns: 95% 5%;
// align-content: center;
// // margin-top: 1rem;
// }
// .field_titre:after{
// content: '▼';
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// align-self: center;
// justify-self: center;
// }
// .rotate:after{
// transform: rotate(180deg);
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// }
// .field_texte{
// height: auto;
// position: relative;
// h2{
// text-transform: inherit;
// }
// p{
// margin-top: .5rem;
// }
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// }
// .crop{
// height: 0;
// overflow: hidden;
// display: none;
// -webkit-transition: all 250ms ease;
// -moz-transition: all 250ms ease;
// -o-transition: all 250ms ease;
// transition: all 250ms ease;
// }
// }
// }
} }
} }