lulouis-vant/lib/step/index.css

Lightweight Mobile UI Components built on Vue

.van-step{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;position:relative;color:#969799}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child{position:absolute;right:10px;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child .van-step__circle-container{left:auto;right:-9px}.van-step--horizontal:last-child .van-step__line{width:0}.van-step--horizontal .van-step__circle-container{position:absolute;top:28px;left:-8px;padding:0 8px;background-color:#fff;z-index:1}.van-step--horizontal .van-step__title{font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:inline-block;margin-left:3px}.van-step--horizontal .van-step__line{position:absolute;left:0;top:30px;width:100%;height:1px;background-color:#ebedf0}.van-step--horizontal.van-step--finish,.van-step--horizontal.van-step--process{color:#323233}.van-step--horizontal.van-step--finish .van-step__circle,.van-step--horizontal.van-step--finish .van-step__line{background-color:#07c160}.van-step--horizontal.van-step--process .van-step__circle-container{top:24px}.van-step--horizontal.van-step--process .van-icon{font-size:12px;color:#07c160;display:block}.van-step .van-step__circle{display:block;width:5px;height:5px;border-radius:50%;background-color:#969799}.van-step--vertical{float:none;display:block;font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__circle-container>i{position:absolute;z-index:2}.van-step--vertical .van-step__circle{top:16px;left:-17px}.van-step--vertical .van-step__line{position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#ebedf0}.van-step--vertical.van-step--process .van-icon-checked{top:12px;left:-20px;line-height:1;font-size:12px}