opacity dot caroussel
This commit is contained in:
+2
-2
@@ -6073,7 +6073,7 @@ footer {
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0.7;
|
opacity: 0.3;
|
||||||
transition: transform 0.3s ease, opacity 0.3s ease;
|
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 {
|
.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 {
|
.slick-dots li.slick-active button:before {
|
||||||
color: black;
|
color: black;
|
||||||
opacity: 0.2;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#views-exposed-form-projets-block-1 {
|
#views-exposed-form-projets-block-1 {
|
||||||
|
|||||||
@@ -163,7 +163,7 @@
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0.7;
|
opacity: 0.3;
|
||||||
transition: transform 0.3s ease, opacity 0.3s ease;
|
transition: transform 0.3s ease, opacity 0.3s ease;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ $slick-dot-size: 50px !default;
|
|||||||
$slick-opacity-default: 0 !default;
|
$slick-opacity-default: 0 !default;
|
||||||
$slick-opacity-on-hover: 0.20 !default;
|
$slick-opacity-on-hover: 0.20 !default;
|
||||||
$slick-opacity-not-active: 0 !default;
|
$slick-opacity-not-active: 0 !default;
|
||||||
|
$slick-opacity-active: 0.50 !default;
|
||||||
|
|
||||||
@function slick-image-url($url) {
|
@function slick-image-url($url) {
|
||||||
@if function-exists(image-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 {
|
&.slick-active button:before {
|
||||||
color: $slick-dot-color-active;
|
color: $slick-dot-color;
|
||||||
opacity: $slick-opacity-on-hover;
|
opacity: $slick-opacity-active;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user