1 | .flicking-viewport {
|
2 | position: relative;
|
3 | overflow: hidden;
|
4 | }
|
5 |
|
6 | .flicking-viewport.vertical {
|
7 | display: -webkit-inline-box;
|
8 | display: -ms-inline-flexbox;
|
9 | display: inline-flex;
|
10 | }
|
11 |
|
12 | .flicking-viewport.vertical > .flicking-camera {
|
13 | display: -webkit-inline-box;
|
14 | display: -ms-inline-flexbox;
|
15 | display: inline-flex;
|
16 | -webkit-box-orient: vertical;
|
17 | -webkit-box-direction: normal;
|
18 | -ms-flex-direction: column;
|
19 | flex-direction: column;
|
20 | }
|
21 |
|
22 | .flicking-viewport.flicking-hidden > .flicking-camera > * {
|
23 | visibility: hidden;
|
24 | }
|
25 |
|
26 | .flicking-camera {
|
27 | width: 100%;
|
28 | height: 100%;
|
29 | display: -webkit-box;
|
30 | display: -ms-flexbox;
|
31 | display: flex;
|
32 | position: relative;
|
33 | -webkit-box-orient: horizontal;
|
34 | -webkit-box-direction: normal;
|
35 | -ms-flex-direction: row;
|
36 | flex-direction: row;
|
37 | z-index: 1;
|
38 | will-change: transform;
|
39 | }
|
40 |
|
41 | .flicking-camera > * {
|
42 | -ms-flex-negative: 0;
|
43 | flex-shrink: 0;
|
44 | }
|