responsive fleche prev next

This commit is contained in:
2024-11-07 09:28:12 +01:00
parent 1ef82845c9
commit f4ac6a3a3f
2 changed files with 22 additions and 23 deletions

View File

@@ -114,9 +114,8 @@ $slick-opacity-not-active: 0.25 !default;
.slick-prev {
left: 45%;
@media(max-width:810px){
left: 35%;
@media(max-width:1080px){
left: 45%;
}
[dir="rtl"] & {
left: auto;
@@ -125,14 +124,14 @@ $slick-opacity-not-active: 0.25 !default;
&:before {
content: $slick-prev-character;
display: block;
@media(max-width:810px){
@media(max-width:1080px){
transform: scale(0.8);
}
[dir="rtl"] & {
content: $slick-next-character;
display: block;
@media(max-width:810px){
left: 35%;
@media(max-width:1080px){
left: 45%;
transform: scale(0.8);
}
@@ -141,9 +140,9 @@ $slick-opacity-not-active: 0.25 !default;
}
.slick-next {
right: 45%;
@media(max-width:810px){
right: 42%;
right: 48%;
@media(max-width:1080px){
right: 47%;
}
[dir="rtl"] & {
left: -25px;
@@ -152,15 +151,15 @@ $slick-opacity-not-active: 0.25 !default;
&:before {
content: $slick-next-character;
display: block;
@media(max-width:810px){
@media(max-width:1080px){
transform: scale(0.8);
}
[dir="rtl"] & {
content: $slick-prev-character;
display: block;
@media(max-width:810px){
right: 42%;
@media(max-width:1080px){
right: 47%;
transform: scale(0.8);
}