loit-web-component-gx/static/theme/blue/step.css

广西时代凌宇前端组件库

.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1 }.el-step:last-of-type .el-step__line{display:none }.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0 }.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0 }.el-step__head{position:relative;width:100% }.el-step__head.is-process{color:#303133;border-color:#303133 }.el-step__head.is-wait{color:#c0c4cc;border-color:#c0c4cc }.el-step__head.is-success{color:#67c23a;border-color:#67c23a }.el-step__head.is-error{color:#f56c6c;border-color:#f56c6c }.el-step__head.is-finish{color:#2153c0;border-color:#2153c0 }.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:0.24rem;height:0.24rem;font-size:0.14rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out }.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit }.el-step__icon.is-icon{width:0.4rem }.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit }.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:0.25rem;font-weight:400 }.el-step__icon-inner.is-status{-webkit-transform:translateY(0.01rem);transform:translateY(0.01rem) }.el-step__line{position:absolute;border-color:inherit;background-color:#c0c4cc }.el-step__line-inner{display:block;border-width:0.01rem;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0 }.el-step__main{white-space:normal;text-align:left }.el-step__title{font-size:0.16rem;line-height:0.38rem }.el-step__title.is-process{font-weight:700;color:#303133 }.el-step__title.is-wait{color:#c0c4cc }.el-step__title.is-success{color:#67c23a }.el-step__title.is-error{color:#f56c6c }.el-step__title.is-finish{color:#2153c0 }.el-step__description{padding-right:10%;margin-top:-0.05rem;font-size:0.12rem;line-height:0.2rem;font-weight:400 }.el-step__description.is-process{color:#303133 }.el-step__description.is-wait{color:#c0c4cc }.el-step__description.is-success{color:#67c23a }.el-step__description.is-error{color:#f56c6c }.el-step__description.is-finish{color:#2153c0 }.el-step.is-horizontal{display:inline-block }.el-step.is-horizontal .el-step__line{height:0.02rem;top:0.11rem;left:0;right:0 }.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex }.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:0.24rem }.el-step.is-vertical .el-step__main{padding-left:0.1rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1 }.el-step.is-vertical .el-step__title{line-height:0.24rem;padding-bottom:0.08rem }.el-step.is-vertical .el-step__line{width:0.02rem;top:0;bottom:0;left:0.11rem }.el-step.is-vertical .el-step__icon.is-icon{width:0.24rem }.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center }.el-step.is-center .el-step__description{padding-left:20%;padding-right:20% }.el-step.is-center .el-step__line{left:50%;right:-50% }.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center }.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:0.1rem }.el-step.is-simple .el-step__icon{background:0 0;width:0.16rem;height:0.16rem;font-size:0.12rem }.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:0.18rem }.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(0.01rem);transform:scale(.8) translateY(0.01rem) }.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1 }.el-step.is-simple .el-step__title{font-size:0.16rem;line-height:0.2rem }.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all }.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center }.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:0.15rem;width:0.01rem;background:#c0c4cc }.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-0.04rem);transform:rotate(-45deg) translateY(-0.04rem);-webkit-transform-origin:0 0;transform-origin:0 0 }.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(0.04rem);transform:rotate(45deg) translateY(0.04rem);-webkit-transform-origin:100% 100%;transform-origin:100% 100% }.el-step.is-simple:last-of-type .el-step__arrow{display:none }