@egjs/flicking
Version:
Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
38 lines (36 loc) • 806 B
CSS
.flicking-viewport {
position: relative;
overflow: hidden;
}
.flicking-viewport:not(.vertical) {
width: 100%;
height: 100%;
}
.flicking-viewport.vertical, .flicking-viewport.vertical > .flicking-camera {
display: inline-block;
}
.flicking-viewport.vertical.middle > .flicking-camera > * {
vertical-align: middle;
}
.flicking-viewport.vertical.bottom > .flicking-camera > * {
vertical-align: bottom;
}
.flicking-viewport.vertical > .flicking-camera > * {
display: block;
}
.flicking-viewport.flicking-hidden > .flicking-camera > * {
visibility: hidden;
}
.flicking-camera {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
white-space: nowrap;
will-change: transform;
}
.flicking-camera > * {
display: inline-block;
white-space: normal;
vertical-align: top;
}