diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index 2b71bf5..947ba6e 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -1048,7 +1048,7 @@ aside.layout-sidebar-second {
cursor: pointer;
background: transparent;
color: transparent;
- top: 20%;
+ top: 18%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
@@ -1078,13 +1078,13 @@ aside.layout-sidebar-second {
font-size: 200px;
line-height: 1;
color: rgb(153, 147, 174);
- opacity: 0.75;
+ opacity: 0.4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
- left: -25px;
+ left: 250px;
padding-left: 4rem;
}
[dir=rtl] .slick-prev {
@@ -1092,28 +1092,24 @@ aside.layout-sidebar-second {
right: 200px;
}
.slick-prev:before {
- content: "<";
- font-weight: lighter;
+ content: url("../../dist/images/grandes_fleches_prev.svg");
}
[dir=rtl] .slick-prev:before {
- content: ">";
- font-weight: lighter;
+ content: url("../../dist/images/grandes_fleches_prev.svg");
}
.slick-next {
- right: 200px;
+ right: 350px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
- content: ">";
- font-weight: lighter;
+ content: url("../../dist/images/grandes_fleches_next.svg");
}
[dir=rtl] .slick-next:before {
- content: "<";
- font-weight: lighter;
+ content: url("../../dist/images/grandes_fleches_next.svg");
}
/* Dots */
@@ -1177,7 +1173,7 @@ aside.layout-sidebar-second {
}
.slick-dots li.slick-active button:before {
color: black;
- opacity: 0.75;
+ opacity: 0.4;
}
/* Slider */
@@ -1274,8 +1270,6 @@ aside.layout-sidebar-second {
}
.view-actus.slick-slider.slick-next:before {
- content: ">";
- font-weight: 100;
background: rgba(255, 255, 255, 0.1);
}
diff --git a/web/themes/custom/reha/dist/images/grandes_fleches_next.svg b/web/themes/custom/reha/dist/images/grandes_fleches_next.svg
new file mode 100644
index 0000000..5ae3ad1
--- /dev/null
+++ b/web/themes/custom/reha/dist/images/grandes_fleches_next.svg
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/web/themes/custom/reha/dist/images/grandes_fleches_prev.svg b/web/themes/custom/reha/dist/images/grandes_fleches_prev.svg
new file mode 100644
index 0000000..006ceaa
--- /dev/null
+++ b/web/themes/custom/reha/dist/images/grandes_fleches_prev.svg
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/web/themes/custom/reha/scss/partials/_slick-theme.scss b/web/themes/custom/reha/scss/partials/_slick-theme.scss
index 1da14da..e78dfeb 100644
--- a/web/themes/custom/reha/scss/partials/_slick-theme.scss
+++ b/web/themes/custom/reha/scss/partials/_slick-theme.scss
@@ -15,9 +15,11 @@ $slick-dot-color: black !default;
$slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "\003C" !default;
$slick-next-character: "\003E" !default;
+// $slick-prev-character: "../../../../../dist/" !default;
+// $slick-next-character: "\003E" !default;
$slick-dot-character: "\2022" !default;
$slick-dot-size: 40px !default;
-$slick-opacity-default: 0.75 !default;
+$slick-opacity-default: 0.40 !default;
$slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default;
@@ -72,7 +74,7 @@ $slick-opacity-not-active: 0.25 !default;
cursor: pointer;
background: transparent;
color: transparent;
- top: 20%;
+ top: 18%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
@@ -102,37 +104,41 @@ $slick-opacity-not-active: 0.25 !default;
}
.slick-prev {
- left: -25px;
+ left: 250px;
padding-left: 4rem;
[dir="rtl"] & {
left: auto;
right: 200px;
}
&:before {
- content: $slick-prev-character;
- font-weight: lighter;
+ content: url('../../dist/images/grandes_fleches_prev.svg');
+ // content: $slick-prev-character;
+ // font-weight: lighter;
[dir="rtl"] & {
- content: $slick-next-character;
- font-weight: lighter;
+ content: url('../../dist/images/grandes_fleches_prev.svg');
+ // content: $slick-next-character;
+ // font-weight: lighter;
}
}
}
.slick-next {
- right: 200px;
+ right: 350px;
[dir="rtl"] & {
left: -25px;
right: auto;
}
&:before {
- content: $slick-next-character;
- font-weight: lighter;
+ content: url('../../dist/images/grandes_fleches_next.svg');
+ // content: $slick-next-character;
+ // font-weight: lighter;
[dir="rtl"] & {
- content: $slick-prev-character;
- font-weight: lighter;
+ content: url('../../dist/images/grandes_fleches_next.svg');
+ // content: $slick-prev-character;
+ // font-weight: lighter;
}
}
diff --git a/web/themes/custom/reha/scss/partials/_slick_custom.scss b/web/themes/custom/reha/scss/partials/_slick_custom.scss
index bdef070..4b3f920 100644
--- a/web/themes/custom/reha/scss/partials/_slick_custom.scss
+++ b/web/themes/custom/reha/scss/partials/_slick_custom.scss
@@ -13,8 +13,7 @@ $slick-arrow-color: $yellow-puca !default;
.view-actus.slick-slider.slick-next {
&:before {
- content: $slick-next-character;
- font-weight: 100;
+
background: rgba(255, 255, 255, 0.1);
}
}