wot-design
Version:
Mobile UI components built on vue.js
1 lines • 1.06 kB
CSS
@charset "UTF-8";.wd-swipe{position:relative;overflow:hidden}.wd-swipe__container{white-space:nowrap}.wd-swipe__indicators{position:absolute;display:inline-block;left:50%;bottom:8px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:0}.wd-swipe__indicator{display:inline-block;width:7px;height:3px;border-radius:4px 0;margin-right:3px;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}.wd-swipe__indicator:last-child{margin-right:0}.wd-swipe__indicator.is-active{width:12px}.wd-swipe.is-vertical .wd-swipe__container{white-space:normal}.wd-swipe.is-vertical .wd-swipe-item{display:block}.wd-swipe.is-vertical .wd-swipe__indicators{left:10px;bottom:auto;top:50%}.wd-swipe.is-vertical .wd-swipe__indicator{display:block;margin-right:0;margin-bottom:3px;-webkit-transition:height .2s ease-in-out;transition:height .2s ease-in-out;width:3px;height:7px;border-radius:0 4px}.wd-swipe.is-vertical .wd-swipe__indicator.is-active{height:12px}.wd-swipe.is-vertical .wd-swipe__indicator:last-child{margin-bottom:0}