test fleches diap ressources

This commit is contained in:
2025-07-24 17:24:57 +02:00
parent b16bc42a91
commit 3b988737f4
4 changed files with 31 additions and 5 deletions
@@ -624,10 +624,13 @@
width: 100% !important;
}
}
.slick-next::before{
content:url("../images/pictos/fleche-droite-dans-rond.png");
// display: block;
display: inline-block;
transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage du redimensionnement */
@media (max-width: 810px){
transform: scale(0.5); /* Réduction à 50% */
transform-origin: top left; /* Point dancrage du redimensionnement */
@@ -639,15 +642,26 @@
display: block;
display: inline-block;
transform: scaleX(-1);
transform: scale(-0.5, 0.5);
transform-origin: top right; /* Point dancrage du redimensionnement */
@media (max-width: 810px){
transform: scale(-0.5, 0.5);
transform-origin: top right; /* Point dancrage du redimensionnement */
}
}
.slick-prev::before,
.slick-next::before{
opacity: 1 !important;
// top: 80% !important;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before{
opacity: 0 !important;
opacity: 0.3 !important;
}
.slick-prev,
.slick-next{
top: 80%;
}
.slick-next {
right: 10%;
+3 -3
View File
@@ -51,14 +51,14 @@
@import "pages/_projet";
@import "pages/_incubateur";
@import "pages/_lincubateur_newpage";
@import "pages/ressources";
@import "pages/ressource-type-en-images";
@import "pages/_ressources";
@import "pages/_ressource-type-en-images";
@import "pages/_ressource-type-media-vidéos";
/*partials*/
@import "partials/_header";
@import "partials/footer";
@import "partials/_footer";
@import "partials/_slick_custom.scss";
@import "partials/_slick";
@import "partials/_slick-theme";