opacity dot caroussel
This commit is contained in:
+2
-2
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user