actu caroussel

This commit is contained in:
ouidade 2024-07-18 13:52:18 +02:00
parent 707811c43a
commit d5eb3707e4
3 changed files with 47 additions and 18 deletions

View File

@ -864,14 +864,23 @@ footer {
right: -25px; right: -25px;
} }
.slick-prev:before { .slick-prev:before {
content: url("../img/prev.svg "); content: url("../img/prev.svg");
display: block; display: block;
}
@media (max-width: 810px) {
.slick-prev:before {
transform: scale(0.8); transform: scale(0.8);
}
} }
[dir=rtl] .slick-prev:before { [dir=rtl] .slick-prev:before {
content: url("../img/next.svg "); content: url("../img/next.svg");
display: block; display: block;
}
@media (max-width: 810px) {
[dir=rtl] .slick-prev:before {
left: 35%;
transform: scale(0.8); transform: scale(0.8);
}
} }
.slick-next { .slick-next {
@ -887,14 +896,23 @@ footer {
right: auto; right: auto;
} }
.slick-next:before { .slick-next:before {
content: url("../img/next.svg "); content: url("../img/next.svg");
display: block; display: block;
}
@media (max-width: 810px) {
.slick-next:before {
transform: scale(0.8); transform: scale(0.8);
}
} }
[dir=rtl] .slick-next:before { [dir=rtl] .slick-next:before {
content: url("../img/prev.svg "); content: url("../img/prev.svg");
display: block; display: block;
}
@media (max-width: 810px) {
[dir=rtl] .slick-next:before {
right: 42%;
transform: scale(0.8); transform: scale(0.8);
}
} }
/* Dots */ /* Dots */
@ -1367,7 +1385,7 @@ footer {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.5rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -1381,7 +1399,7 @@ footer {
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: 0.6rem; font-size: 0.5rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {

View File

@ -81,7 +81,7 @@
.field_field_type_d_actualite{ .field_field_type_d_actualite{
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.5rem;
font-family: 'gilroy-bold'; font-family: 'gilroy-bold';
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -95,7 +95,7 @@
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: 0.6rem; font-size: 0.5rem;
font-family: 'gilroy-bold'; font-family: 'gilroy-bold';
&::before{ &::before{

View File

@ -16,8 +16,8 @@ $slick-dot-color-active: $slick-dot-color !default;
// $slick-prev-character: "\2190" !default; // $slick-prev-character: "\2190" !default;
// $slick-next-character: "\2192" !default; // $slick-next-character: "\2192" !default;
$slick-prev-character: url('../img/prev.svg ') !default; $slick-prev-character: url('../img/prev.svg') !default;
$slick-next-character: url('../img/next.svg ') !default; $slick-next-character: url('../img/next.svg') !default;
$slick-dot-character: "\2022" !default; $slick-dot-character: "\2022" !default;
$slick-dot-size: 6px !default; $slick-dot-size: 6px !default;
@ -125,11 +125,16 @@ $slick-opacity-not-active: 0.25 !default;
&:before { &:before {
content: $slick-prev-character; content: $slick-prev-character;
display: block; display: block;
@media(max-width:810px){
transform: scale(0.8); transform: scale(0.8);
}
[dir="rtl"] & { [dir="rtl"] & {
content: $slick-next-character; content: $slick-next-character;
display: block; display: block;
@media(max-width:810px){
left: 35%;
transform: scale(0.8); transform: scale(0.8);
}
} }
} }
@ -147,12 +152,18 @@ $slick-opacity-not-active: 0.25 !default;
&:before { &:before {
content: $slick-next-character; content: $slick-next-character;
display: block; display: block;
@media(max-width:810px){
transform: scale(0.8); transform: scale(0.8);
}
[dir="rtl"] & { [dir="rtl"] & {
content: $slick-prev-character; content: $slick-prev-character;
display: block; display: block;
@media(max-width:810px){
right: 42%;
transform: scale(0.8); transform: scale(0.8);
}
} }
} }