themes: carrousel: use $mobile-limit to display arrows (#44211)

instead $nav-mobile-limit
This commit is contained in:
Thomas Jund 2021-03-01 14:44:44 +01:00
parent 4c19d6c901
commit afe9aa8813
3 changed files with 3 additions and 5 deletions

View File

@ -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;
}
}

View File

@ -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;

View File

@ -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;