49 lines
905 B
SCSS
49 lines
905 B
SCSS
|
.swiper {
|
||
|
|
position: relative;
|
||
|
|
@include overflow(hidden);
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__wrapper, .swiper__slide {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__wrapper {
|
||
|
|
@include flexbox();
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__wrapper--animation {
|
||
|
|
@include transition(transform map-get($animation, duration) map-get($animation, timing-function));
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__slide {
|
||
|
|
@include flex-shrink(0);
|
||
|
|
& > img {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__button {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
@extend .button, .button--circle;
|
||
|
|
@include transform(translate(0, -50%));
|
||
|
|
@include clickable($text-color-d, rgba($main-color-3, .4));
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper--light .swiper__button {
|
||
|
|
@include clickable($text-color-theme-light, rgba($main-color-theme-dark, .4));
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper--dark .swiper__button {
|
||
|
|
@include clickable($text-color-theme-dark, rgba($main-color-theme-light, .4));
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__button--prev {
|
||
|
|
left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper__button--next {
|
||
|
|
right: 10px;
|
||
|
|
}
|