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
parent 884ed12582 ecca99ff70
commit 595d811de5
5 changed files with 93 additions and 182 deletions
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");
$(elem[0]).slick({
slidesToShow: 1,
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
centerPadding: '100px'
centerMode: false,
centerPadding: '60px'
});
}

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

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

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

@@ -1,8 +1,8 @@
.path-centre-de-ressources{
//tmp
.slick-slider{
display: none;
}
// //tmp
// .slick-slider{
// display: none;
// }
//colo programme
.programme-1{
@@ -78,32 +78,51 @@
}
background-color: $bck-col;
header{
background: $trame;
margin-bottom: 0;
.slick-track{
display: flex !important;
align-items: center;
}
.slick-slide{
margin: 0 1rem;
.views-row:not(.type-74){
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);
// flex-direction: column;
// flex-direction: column-reverse;
position: relative;
height: auto;
width: 100% !important;
padding: .3rem;
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field-field-image{
grid-row: 3 / span 2;
margin-top: -1.5rem;
img{
width: 100%;
grid-row: 2/span 5;
}
.views-field-field-edition{
grid-column: 2;
grid-row: 6;
}
.views-field-field-auteurs{
font-weight: 600;
grid-column: 2;
grid-row: 3;
}
.views-field-field-programme{
grid-row: 1 / span 1;
grid-column: 1 / span 2;
.field-content{
@@ -116,11 +135,6 @@
}
}
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{
text-transform: uppercase;
@@ -133,23 +147,24 @@
}
.views-field-title{
font-style: italic;
grid-row: 3 / span 1;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-row: 5 / span 1;
grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
grid-row: 5 / span 1;
grid-row: 7 / span 1;
grid-column: 1 / span 2;
font-size: $font-small;
.field-content{
color:black;
}
a{
text-decoration: none;
}
}
.type-74{
@@ -179,7 +194,7 @@
.views-field-field-programme{
grid-row: 1 / span 1;
// grid-column: 1 / span 2;
.field-content{
font-weight: 600;
@@ -257,7 +272,7 @@
form{
background: $trame;
display: grid;
padding: 5rem 0 1rem 0;
padding: 1rem 0 1rem 0;
//margin-top: -3rem;
column-gap: 1rem;
grid-template-columns: calc(10% - 3em) repeat(4, 20%);
@@ -334,20 +349,16 @@
}
}
background-color: rgb(255, 255, 255);
// background-clip: content-box;
width: 100% !important;
padding: .3rem;
// .views-field:empty {
// background: lime;
// }
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field-field-image{
grid-row: 4 / span 2;
margin-top: -1.5rem;
grid-row: 2/span 5;
}
.views-field-field-edition{
grid-column: 2;
@@ -360,6 +371,7 @@
}
.views-field-field-programme{
margin-top: -.8rem;
grid-row: 1 / span 1;
grid-column: 1 / span 2;
.field-content{
@@ -501,7 +513,7 @@
.page-node-type-ressource{
&.programme-1{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-1 !important;
}
.field_programme div{
@@ -509,7 +521,7 @@
}
}
&.programme-2{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-2 !important;
}
.field_programme div{
@@ -518,7 +530,7 @@
}
&.programme-3{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-eur !important;
}
.field_programme div{
@@ -527,7 +539,7 @@
}
}
&.programme-4{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-1;
}
.field_programme div{
@@ -538,7 +550,7 @@
&.programme-5{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-mond !important;
}
.field_programme div{
@@ -547,7 +559,7 @@
}
&.programme-6{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-ter !important;
}
.field_programme div{
@@ -556,7 +568,7 @@
}
&.programme-7{
h2{
h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
color: $col-met !important;
}
.field_programme div{
@@ -568,11 +580,13 @@
.block-region-second{
display: grid;
grid-template-columns: repeat(4, 25%);
padding-bottom: 3rem;
align-items: center;
.field_programme div{
display: inline-block;
// background: gray;
margin-bottom: 1rem;
color: white;
font-weight: 600;
padding: .3rem .5rem;
@@ -586,155 +600,51 @@
margin: 0;
font-size: $font-large;
line-height: 1.3;
font-weight: 600;
font-weight: 500;
font-style: italic;
margin-bottom: 1rem;
grid-column: 1 / span 2;
grid-row: 3;
grid-column: 3 / span 2;
margin: 0;
}
#node\:field_image{
grid-row: 2;
grid-column: 1 / span 2;
grid-row: 2 / span 4;
padding: 1rem;
}
#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{
grid-row: 1;
grid-column: 2;
grid-column: 2 ;
font-weight: 600;
}
#node\:field_programme{
grid-row: 1;
grid-column: 1;
}
#node\:field_date_de_parution{
grid-row: 3;
grid-column: 1 / span 2;
grid-row: 4;
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;
// }
// }
// }
}
}