mand-mobile/lib/swiper/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-swiper-box{overflow:hidden;will-change:tranform}.md-swiper,.md-swiper-box{width:100%;height:100%;position:relative}.md-swiper-box.disabled,.md-swiper.disabled{visibility:hidden}.md-swiper-box.md-swiper-fade .md-swiper-item,.md-swiper.md-swiper-fade .md-swiper-item{position:absolute;opacity:0;top:0;left:0}.md-swiper-box.md-swiper-vertical .md-swiper-container,.md-swiper.md-swiper-vertical .md-swiper-container{width:100%;height:auto;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.md-swiper-box.md-swiper-vertical .md-swiper-indicators,.md-swiper.md-swiper-vertical .md-swiper-indicators{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;right:20px;left:auto;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.md-swiper-box.md-swiper-vertical .md-swiper-indicators.disabled,.md-swiper.md-swiper-vertical .md-swiper-indicators.disabled{visibility:hidden}.md-swiper-box.md-swiper-vertical .md-swiper-indicators .md-swiper-indicator,.md-swiper.md-swiper-vertical .md-swiper-indicators .md-swiper-indicator{width:4px;height:16px;margin:2.5px 0}.md-swiper-container{height:100%;width:auto;position:relative;box-sizing:initial}.md-swiper-container,.md-swiper-indicators{display:-webkit-box;display:-webkit-flex;display:flex}.md-swiper-indicators{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.md-swiper-indicator{width:16px;height:4px;display:inline-block;background:#ddd;margin:0 3px}.md-swiper-indicator.md-swiper-indicator-active{background:#198cff}