opacity dot caroussel

This commit is contained in:
2025-07-17 13:05:27 +02:00
parent 82d0e20845
commit 0ed57752a8
3 changed files with 6 additions and 5 deletions
+2 -2
View File
@@ -6073,7 +6073,7 @@ footer {
object-fit: contain;
border: 2px solid transparent;
cursor: pointer;
opacity: 0.7;
opacity: 0.3;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.page-node-type-ressource .type-les-projets-en-images.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .thumbnails-wrapper .thumbnails img.active {
@@ -6808,7 +6808,7 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.2;
opacity: 0.5;
}
#views-exposed-form-projets-block-1 {
@@ -163,7 +163,7 @@
object-fit: contain;
border: 2px solid transparent;
cursor: pointer;
opacity: 0.7;
opacity: 0.3;
transition: transform 0.3s ease, opacity 0.3s ease;
&.active {
@@ -20,6 +20,7 @@ $slick-dot-size: 50px !default;
$slick-opacity-default: 0 !default;
$slick-opacity-on-hover: 0.20 !default;
$slick-opacity-not-active: 0 !default;
$slick-opacity-active: 0.50 !default;
@function slick-image-url($url) {
@if function-exists(image-url) {
@@ -194,8 +195,8 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
}
}
&.slick-active button:before {
color: $slick-dot-color-active;
opacity: $slick-opacity-on-hover;
color: $slick-dot-color;
opacity: $slick-opacity-active;
}
}
}