responsive fleche prev next
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user