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

background slide

Browse Source
This commit is contained in:
ouidade
2025-05-25 22:44:54 +02:00
parent 5515bcafa1
commit ff1761f0e6
2 changed files with 69 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/ressources.scss
+55 -93
View File
@@ -172,6 +172,9 @@
}
a {
color: $blue-dark;
display: inline-flex;
flex-direction: row;
align-items: center;
&:hover{
color: white;
}
@@ -183,13 +186,9 @@
&.button-videos{
margin-top: 1rem;
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
&::before{
content:url("../images/pictos/videos.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/videos-blanc.svg");
@@ -198,76 +197,60 @@
}
&.button-podcasts{
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
&::before{
content:url("../images/pictos/podcasts.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
}
}
&.button-reportages-photos{
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/en-images.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
&::before{
content:url("../images/pictos/en-images.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
}
}
&.button-livres{
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
}
&.button-articles{
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
}
&.button-publications-rapports{
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
}
}
}
form{
&::before{
@@ -293,26 +276,17 @@
input{
text-align: start !important;
max-width: 100% !important;
}
}
}
select{
::placeholder{
display: none;
}
}
}
}
// .view-ressources-hidden {
// visibility: hidden;
// height: 0;
// overflow: hidden;
// }
.view-content{
transition: opacity 0.3s ease;
display: flex;
@@ -321,10 +295,18 @@
width: 100%;
.view-type-slide.type-publication-issue-du-programme-eqld{
order: 1;
&::before{
background-color: $background-actus;}
}
.view-type-slide.type-paroles-de-laureats{order: 2;}
.view-type-slide.type-les-projets-en-images{order: 3;}
.view-type-slide.type-presse{order: 4;}
.view-type-slide.type-les-projets-en-images{
order: 3;
}
.view-type-slide.type-presse{
order: 4;
&::before{
background-color: $background-actus;}
}
.view-type-slide:not(footer){
width: 100%;
position: relative;
@@ -364,6 +346,9 @@
}
}
h3.type-les-projets-en-images {
width: 80%;
border-top: solid 2px rgba(0, 0, 0, 0.3);
padding-top: 2rem;
&:before{
content:url("../images/pictos/picto-ressource-projetsimages.svg");
padding-right: 1rem;
@@ -413,39 +398,16 @@
}
.slick-next {
right: 15%;
}
}
}
}
.view-type-slide:has(.type-publication-issue-du-programme-eqld){
&::before{
background-color: $background-actus;}
}
// .type-les-projets-en-images{
// .slick-track{
// width: 100% !important;
// .views-row{
// width: 100% !important;
// }
// }
// }
}
}
}
}
}
}
}
}
}
}
}