UNPKG

2.01 kBCSSView Raw
1.swiper {
2 --bullet-background: var(--ion-color-step-200, #cccccc);
3 --bullet-background-active: var(--ion-color-primary, #3880ff);
4 --progress-bar-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.25);
5 --progress-bar-background-active: var(--ion-color-primary-shade, #3171e0);
6 --scroll-bar-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);
7 --scroll-bar-background-active: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5);
8 /**
9 * @prop --bullet-background: Background of the pagination bullets
10 * @prop --bullet-background-active: Background of the active pagination bullet
11 *
12 * @prop --progress-bar-background: Background of the pagination progress-bar
13 * @prop --progress-bar-background-active: Background of the active pagination progress-bar
14 *
15 * @prop --scroll-bar-background: Background of the pagination scroll-bar
16 * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar
17 */
18 display: block;
19 user-select: none;
20}
21
22.swiper .swiper-pagination-bullet {
23 background: var(--bullet-background);
24}
25
26.swiper .swiper-pagination-bullet-active {
27 background: var(--bullet-background-active);
28}
29
30.swiper .swiper-pagination-progressbar {
31 background: var(--progress-bar-background);
32}
33
34.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
35 background: var(--progress-bar-background-active);
36}
37
38.swiper .swiper-scrollbar {
39 background: var(--scroll-bar-background);
40}
41
42.swiper .swiper-scrollbar-drag {
43 background: var(--scroll-bar-background-active);
44}
45
46.swiper .slide-zoom {
47 display: block;
48 width: 100%;
49 text-align: center;
50}
51
52.swiper .swiper-slide {
53 display: flex;
54 position: relative;
55 flex-shrink: 0;
56 align-items: center;
57 justify-content: center;
58 width: 100%;
59 height: 100%;
60 font-size: 18px;
61 text-align: center;
62 box-sizing: border-box;
63}
64
65.swiper .swiper-slide img {
66 width: auto;
67 max-width: 100%;
68 height: auto;
69 max-height: 100%;
70}
71
72/*# sourceMappingURL=ionic-swiper.css.map */