1 | @import url('../../swiper-vars.less');
|
2 |
|
3 | .navigation-color-loop(@ruleset) when (length( @colors ) >= 1) {
|
4 | @length: length(@colors);
|
5 | .looper( 1 );
|
6 | .looper( @index ) when ( @index <= @length ) and (length(extract( @colors, @index )) = 2) {
|
7 | @navPair: extract(@colors, @index);
|
8 | @navColorName: extract(@navPair, 1);
|
9 | @navColorValue: extract(@navPair, 2);
|
10 | @ruleset();
|
11 | .looper( @index + 1 );
|
12 | }
|
13 | }
|
14 |
|
15 | :root {
|
16 | --swiper-navigation-size: 44px;
|
17 | |
18 |
|
19 |
|
20 | }
|
21 | .swiper-button-prev,
|
22 | .swiper-button-next {
|
23 | position: absolute;
|
24 | top: 50%;
|
25 | width: calc(var(--swiper-navigation-size) / 44 * 27);
|
26 | height: var(--swiper-navigation-size);
|
27 | margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
28 | z-index: 10;
|
29 | cursor: pointer;
|
30 | display: flex;
|
31 | align-items: center;
|
32 | justify-content: center;
|
33 | color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
34 | &.swiper-button-disabled {
|
35 | opacity: 0.35;
|
36 | cursor: auto;
|
37 | pointer-events: none;
|
38 | }
|
39 | &:after {
|
40 | font-family: swiper-icons;
|
41 | font-size: var(--swiper-navigation-size);
|
42 | text-transform: none !important;
|
43 | letter-spacing: 0;
|
44 | text-transform: none;
|
45 | font-variant: initial;
|
46 | line-height: 1;
|
47 | }
|
48 | }
|
49 | .swiper-button-prev,
|
50 | .swiper-container-rtl .swiper-button-next {
|
51 | &:after {
|
52 | content: 'prev';
|
53 | }
|
54 | left: 10px;
|
55 | right: auto;
|
56 | }
|
57 | .swiper-button-next,
|
58 | .swiper-container-rtl .swiper-button-prev {
|
59 | &:after {
|
60 | content: 'next';
|
61 | }
|
62 | right: 10px;
|
63 | left: auto;
|
64 | }
|
65 | .navigation-color-loop({
|
66 | .swiper-button-prev,
|
67 | .swiper-button-next {
|
68 | &.swiper-button-@{navColorName} {
|
69 | --swiper-navigation-color: @navColorValue;
|
70 | }
|
71 | }
|
72 | });
|
73 | .swiper-button-lock {
|
74 | display: none;
|
75 | }
|