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

programme accordeons

Browse Source
This commit is contained in:
armansansd
2021-08-18 11:20:51 +02:00
parent 446490ca3f
commit 8416eaf95c
11 changed files with 1327 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -309,7 +309,7 @@
position: relative;
height: auto;
.field_programme{
margin: 0 0 0 1rem;
margin: 0 0 0 1rem ;
}
h2{
grid-row: 2;

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

@@ -74,7 +74,6 @@ article, .paragraph{
font-family: "trueno";
font-weight: 600;
font-size: $font-medium;
color:brown;
margin-top: 1rem;
margin-bottom: .3rem;
}

36
web/themes/custom/popsu/sass/pages/_home.scss
View File

@@ -188,37 +188,73 @@
.views-field{
color: $col-1 !important;
}
.views-field-field-programme{
.field-content{
background: $col-1 ;
}
}
}
.programme-2{
.views-field{
color: $col-2 !important;
}
.views-field-field-programme{
.field-content{
background: $col-2 ;
}
}
}
.programme-3{
.views-field{
color: $col-eur !important;
}
.views-field-field-programme{
.field-content{
background: $col-eur ;
}
}
}
.programme-4{
.views-field{
color: black;
}
.views-field-field-programme{
.field-content{
background:black ;
}
}
}
.programme-5{
.views-field{
color: $col-mond !important;
}
.views-field-field-programme{
.field-content{
background: $col-mond ;
}
}
}
.programme-6{
.views-field{
color: $col-ter !important;
}
.views-field-field-programme{
.field-content{
background: $col-ter ;
}
}
}
.programme-7{
.views-field{
color: $col-met !important;
}
.views-field-field-programme{
.field-content{
background: $col-met ;
}
}
}

180
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@@ -1,4 +1,136 @@
.page-node-type-programme{
//galerie de la page popsu - top (copy de home)
#programme_toc-block_5{
.slick-slide{
margin: 0 1rem;
}
.slick-arrow{
position: absolute;
height: 100%;
cursor: pointer;
z-index: 100;
// background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
&:hover{
opacity: .5;
}
}
.slick-next{
right: 0;
top: 0;
}
.views-row{
display: grid !important;
grid-template-columns: 1fr;
// flex-direction: column;
// flex-direction: column-reverse;
position: relative;
height: auto;
a{
text-decoration: none;
}
}
.programme-1{
.views-field{
background: $col-1 !important;
}
}
.programme-2{
.views-field{
background: $col-2 !important;
}
}
.programme-3{
.views-field{
background: $col-eur !important;
}
}
.programme-4{
.views-field{
background: black;
}
}
.programme-5{
.views-field{
background: $col-mond !important;
}
}
.programme-6{
.views-field{
background: $col-ter !important;
}
}
.programme-7{
.views-field{
background: $col-met !important;
}
}
.views-row{
// margin-top: 2rem;
.views-field-field-image{
height: 20rem;
img{
width: 100%;
}
}
.views-field-field-image{
grid-column: 1;
grid-row: auto;
z-index: -1;
margin-top: -15%;
}
.views-field-view-node{
visibility: hidden;
}
.views-field:not(.views-field-field-image){
padding-right: .5rem;
padding-left: .5rem;
padding-bottom: 1rem;
background-color: black;
width: 60%;
margin-left: 30%;
color: white;
align-self: flex-start;
grid-column: 1;
grid-auto-rows: min-content;
font-size: $font-normal;
text-transform: uppercase;
}
// .views-field-field-type-evenement{
// grid-row: 4;
// }
.views-field-title{
// grid-row: 5;
font-size: $font-big !important;
font-weight: 500;
line-height: 1.2;
padding-top: .3rem;
}
.views-field-field-sous-titre{
padding: .5rem 0 1rem 0;
}
.views-field-field-programme{
text-transform: uppercase;
grid-row: 1;
font-weight: 500;
padding: .5rem 0 .5rem 0;
}
}
}
#projets-block_2{
position: relative;
.main_logo{
@@ -18,7 +150,7 @@
&.programme-1{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-1;
}
}
@@ -28,7 +160,7 @@
}
&.programme-2{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-2;
}
}
@@ -38,7 +170,7 @@
}
&.programme-3{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-eur;
}
}
@@ -49,7 +181,7 @@
}
&.programme-4{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-met;
}
}
@@ -60,7 +192,7 @@
}
&.programme-5{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-mond;
}
}
@@ -71,7 +203,7 @@
}
&.programme-6{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-ter;
}
}
@@ -82,7 +214,7 @@
}
&.programme-7{
article{
h2,h3,h4,h5,h6{
h2,h3,h4,h5,h6,.field_titre{
color: $col-met;
}
}
@@ -221,12 +353,46 @@
article{
// font-size: $font-small;
//temp hidden
.computed_projets_references{
display: none;
}
//
h2:first-child{
display: none;
}
.body{
font-size: $font-medium;
}
.field_textes{
.paragraph{
.field_titre{
font-size: $font-big;
font-weight: 600;
text-transform: initial;
cursor:pointer;
margin-top: 1rem;
}
.field_texte{
position: relative;
// box-shadow: inset 0 -5rem 8rem $bck-col;
transition: all 250ms;
}
.crop:after{
content: "";
position: absolute;
top: 0; bottom: 0; left: -15px; right: -15px;
box-shadow: inset $bck-col 0 -4rem 2rem;
}
.crop{
max-height: 7rem;
overflow: hidden;
transition: all 250ms;
}
}
}
}
.block-region-bottom{
background: $trame;

72
web/themes/custom/popsu/sass/setup/_globals.scss
View File

@@ -4,6 +4,78 @@ body{
font-weight: 300;
line-height: 1.5;
background: $bck-col;
&.path-node{
&.programme-1{
#node\:title,.field_sous_titre,.field_intro{
color: $col-1;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: $col-1;
}
}
}
&.programme-2{
#node\:title,.field_sous_titre,.field_intro{
color: $col-2;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: $col-2;
}
}
}
&.programme-3{
#node\:title,.field_sous_titre,.field_intro{
color: $col-eur;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: $col-eur;
}
}
}
&.programme-4{
#node\:title,.field_sous_titre,.field_intro{
color: black;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: black;
}
}
}
&.programme-5{
#node\:title,.field_sous_titre,.field_intro{
color: $col-mond;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: $col-mond;
}
}
}
&.programme-6{
#node\:title,.field_sous_titre,.field_intro{
color: $col-ter;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: $col-ter;
}
}
}
&.programme-7{
#node\:title,.field_sous_titre,.field_intro{
color: $col-met;
}
article{
h2,h3,h4,h5,h6,.field_titre{
color: $col-met;
}
}
}
}
}
main{
h2{