.el-carousel__indicators--outside {
|
.el-carousel__indicator--horizontal {
|
.el-carousel__button {
|
width: 9px;
|
height: 9px;
|
border-radius: 50px;
|
border: solid 1px $LIGHT_GREY;
|
background-color: $PRIMARY_WHITE;
|
}
|
|
&.is-active {
|
.el-carousel__button {
|
background-color: $PRIMARY_RED;
|
}
|
}
|
}
|
|
.el-carousel__indicator--horizontal:nth-child(2) {
|
.el-carousel__button {
|
margin: 0 20px;
|
}
|
}
|
}
|
|
.pam-quickFilter-carousel {
|
border-radius: 10px;
|
box-shadow: 0 0 6px 0 #00000029;
|
.el-carousel__container {
|
.el-carousel__item {
|
width: 100%;
|
border-radius: 10px;
|
background-color: $PRIMARY_WHITE;
|
}
|
}
|
|
@include desktop {
|
border-radius: 0;
|
box-shadow: 0;
|
.el-carousel__container {
|
.el-carousel__item {
|
box-shadow: 0 0 6px #00000029;
|
}
|
}
|
}
|
|
@media (min-width: 768px) {
|
.el-carousel__container {
|
transform: translateX(30%);
|
.el-carousel__item {
|
max-width: 336px;
|
}
|
}
|
}
|
}
|
|
@media (min-width: 576px) {
|
.pam-home-carousel {
|
.el-carousel__container {
|
height: 350px;
|
}
|
}
|
}
|
|
@include desktop {
|
.pam-home-carousel {
|
.el-carousel__container {
|
height: 500px;
|
}
|
}
|
}
|
