• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1.swiper {
2  position: relative;
3  @include overflow(hidden);
4}
5
6.swiper__wrapper, .swiper__slide {
7  width: 100%;
8  height: 100%;
9}
10
11.swiper__wrapper {
12  @include flexbox();
13}
14
15.swiper__wrapper--animation {
16  @include transition(transform map-get($animation, duration) map-get($animation, timing-function));
17}
18
19.swiper__slide {
20  @include flex-shrink(0);
21  & > img {
22    max-width: 100%;
23  }
24}
25
26.swiper__button {
27  position: absolute;
28  top: 50%;
29  @extend .button, .button--circle;
30  @include transform(translate(0, -50%));
31  @include clickable($text-color-d, rgba($main-color-3, .4));
32}
33
34.swiper--light .swiper__button {
35  @include clickable($text-color-theme-light, rgba($main-color-theme-dark, .4));
36}
37
38.swiper--dark .swiper__button {
39  @include clickable($text-color-theme-dark, rgba($main-color-theme-light, .4));
40}
41
42.swiper__button--prev {
43  left: 10px;
44}
45
46.swiper__button--next {
47  right: 10px;
48}