@winner-fed/wui-theme-redness/lib/step.css

Wui component redness theme.

.win-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#969799;font-size:14px}.win-step--finish,.win-step--horizontal .win-step--process{color:#323233}.win-step__circle{display:block;width:5px;height:5px;background-color:#969799;border-radius:50%}.win-step__line{position:absolute;background-color:#ebedf0;-webkit-transition:background-color .3s;transition:background-color .3s}.win-step--horizontal{float:left}.win-step--horizontal:first-child .win-step__title{margin-left:0;-webkit-transform:none;transform:none}.win-step--horizontal:last-child{position:absolute;right:1px;width:auto}.win-step--horizontal:last-child .win-step__title{margin-left:0;-webkit-transform:none;transform:none}.win-step--horizontal:last-child .win-step__circle-container{right:-9px;left:auto}.win-step--horizontal .win-step__circle-container{position:absolute;top:30px;left:calc(-8px);z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.win-step--horizontal .win-step__title{display:inline-block;margin-left:3px;font-size:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:321px){.win-step--horizontal .win-step__title{font-size:calc(12px - 1px)}}.win-step--horizontal .win-step__line{top:30px;left:0;width:100%;height:1px}.win-step--horizontal .win-step__icon{display:block;font-size:12px}.win-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:18px}.win-step--vertical:not(:last-child)::after{border-bottom-width:1px}.win-step--vertical .win-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:12px;line-height:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.win-step--vertical .win-step__line{top:16px;left:-15px;width:1px;height:100%}.win-step:last-child .win-step__line{width:0}.win-step--finish .win-step__circle,.win-step--finish .win-step__line{background-color:#3aaf3d}.win-step__icon,.win-step__title{-webkit-transition:color .3s;transition:color .3s}.win-step__icon--active,.win-step__icon--finish,.win-step__title--active,.win-step__title--finish{color:#3aaf3d}