themes: carrousel: use $mobile-limit to display arrows (#44211)
instead $nav-mobile-limit
This commit is contained in:
parent
4c19d6c901
commit
afe9aa8813
|
@ -73,7 +73,7 @@ div.carrousel-content {
|
|||
padding: 1rem;
|
||||
margin-left: 6rem;
|
||||
margin-right: 6rem;
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
@ -155,7 +155,7 @@ div.carrousel-content {
|
|||
content: "\f054"; // chevron-right;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -60,6 +60,7 @@ $button-focus-outline-offset: 1px;
|
|||
$carrousel-height: 170px;
|
||||
$carrousel-navigation-bullet-size: 14px;
|
||||
$carrousel-navigation-bullet-color: $darkblue;
|
||||
$carrousel-arrows: false;
|
||||
|
||||
$notification_error_color: #fdefee;
|
||||
$widget-custom-radio-checkbox: true;
|
||||
|
|
|
@ -263,9 +263,6 @@ div.cell {
|
|||
$btn-size: 50px;
|
||||
a.carrousel-next,
|
||||
a.carrousel-previous {
|
||||
@media ($min-desktop-viewport) {
|
||||
display: block;
|
||||
}
|
||||
width: $btn-size;
|
||||
height: $btn-size;
|
||||
border: 5px solid;
|
||||
|
|
Loading…
Reference in New Issue