index-main/assets/css/components/_swiper.scss

52 lines
1,014 B
SCSS
Raw Normal View History

2026-01-29 20:57:17 +01:00
.swiper {
2026-01-27 21:28:14 +01:00
.swiper-button-prev,
.swiper-button-next{
2026-01-27 21:28:14 +01:00
color: var(--color-txt);
svg {
width: 20px;
2026-01-27 21:28:14 +01:00
}
2026-01-27 19:58:53 +01:00
}
2026-01-27 23:52:25 +01:00
.swiper-pagination {
2026-01-27 19:58:53 +01:00
position: relative;
2026-01-30 12:27:44 +01:00
margin-top: 0px!important;
margin-top: calc(var(--spacing)*0.5)!important;
2026-01-27 19:58:53 +01:00
2026-01-27 23:52:25 +01:00
.swiper-pagination-bullet {
2026-01-27 19:58:53 +01:00
width: 15px;
height: 4px;
border-radius: 2px;
background: var(--color-txt-light);
}
2026-01-27 23:52:25 +01:00
.swiper-pagination-bullet-active {
2026-01-27 19:58:53 +01:00
background: var(--color-txt);
}
}
2026-01-27 23:52:25 +01:00
.swiper-wrapper {
height: max-content;
align-items: center;
}
2026-01-27 23:52:25 +01:00
.swiper-slide {
height: auto;
display: flex;
align-items: center;
justify-content: center;
2026-01-27 23:52:25 +01:00
}
// @media #{$x-small} {
// .swiper-button-prev,
// .swiper-button-next {
// display: none;
// }
// .swiper-slide {
// padding: 0px;
// }
// }
2026-01-27 19:58:53 +01:00
}