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

@ -866,13 +866,22 @@ footer {
.slick-prev:before {
content: url("../img/prev.svg");
display: block;
}
@media (max-width: 810px) {
.slick-prev:before {
transform: scale(0.8);
}
}
[dir=rtl] .slick-prev:before {
content: url("../img/next.svg");
display: block;
}
@media (max-width: 810px) {
[dir=rtl] .slick-prev:before {
left: 35%;
transform: scale(0.8);
}
}
.slick-next {
right: 48%;
@ -889,13 +898,22 @@ footer {
.slick-next:before {
content: url("../img/next.svg");
display: block;
}
@media (max-width: 810px) {
.slick-next:before {
transform: scale(0.8);
}
}
[dir=rtl] .slick-next:before {
content: url("../img/prev.svg");
display: block;
}
@media (max-width: 810px) {
[dir=rtl] .slick-next:before {
right: 42%;
transform: scale(0.8);
}
}
/* Dots */
.slick-dotted.slick-slider {
@ -1367,7 +1385,7 @@ footer {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-size: 0.5rem;
font-family: "gilroy-bold";
display: inline-flex;
align-items: center;
@ -1381,7 +1399,7 @@ footer {
color: red;
display: inline-flex;
align-items: center;
font-size: 0.6rem;
font-size: 0.5rem;
font-family: "gilroy-bold";
}
#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{
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-size: 0.5rem;
font-family: 'gilroy-bold';
display: inline-flex;
align-items: center;
@ -95,7 +95,7 @@
color: red;
display: inline-flex;
align-items: center;
font-size: 0.6rem;
font-size: 0.5rem;
font-family: 'gilroy-bold';
&::before{

View File

@ -125,11 +125,16 @@ $slick-opacity-not-active: 0.25 !default;
&:before {
content: $slick-prev-character;
display: block;
@media(max-width:810px){
transform: scale(0.8);
}
[dir="rtl"] & {
content: $slick-next-character;
display: block;
@media(max-width:810px){
left: 35%;
transform: scale(0.8);
}
}
}
@ -147,12 +152,18 @@ $slick-opacity-not-active: 0.25 !default;
&:before {
content: $slick-next-character;
display: block;
@media(max-width:810px){
transform: scale(0.8);
}
[dir="rtl"] & {
content: $slick-prev-character;
display: block;
@media(max-width:810px){
right: 42%;
transform: scale(0.8);
}
}
}