slick carroussel

This commit is contained in:
2024-03-04 15:18:42 +01:00
parent 297d94a6fb
commit 5f698150f5
9 changed files with 114 additions and 79 deletions
@@ -1746,10 +1746,8 @@ h1 {
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
opacity: 0.5;
width: 60px;
cursor: pointer;
background: transparent;
color: transparent;
@@ -1760,48 +1758,26 @@ h1 {
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: 5%; }
left: 100px; }
[dir="rtl"] .slick-prev {
left: auto;
right: 5%; }
right: 100px; }
.slick-prev:before {
content: url("../../images/fleche_blanche.svg"); }
content: url(../images/chevron_to_left.svg); }
[dir="rtl"] .slick-prev:before {
content: url("../../images/fleche_blanche.svg"); }
content: url(../images/chevron_to_right.svg); }
.slick-next {
right: -25px; }
right: 100px; }
[dir="rtl"] .slick-next {
left: -25px;
left: 100px;
right: auto; }
.slick-next:before {
content: url("../../images/fleche_blanche.svg"); }
content: url(../images/chevron_to_right.svg); }
[dir="rtl"] .slick-next:before {
content: url("../../images/fleche_blanche.svg"); }
content: url(../images/chevron_to_left.svg); }
/* Dots */
.slick-dotted.slick-slider {
@@ -1911,7 +1887,7 @@ h1 {
.slick-slide {
float: left;
height: 100%;
height: 50vh;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {