- .custom-steps{display:flex;white-space:nowrap;justify-content:space-between}.custom-steps .c-step{position:relative;flex-shrink:0;flex:1}.custom-steps .c-step-head .c-step-line{height:2px;top:11px;left:0;right:0;position:absolute;color:#a8abb2;background:#a8abb2}.custom-steps .c-step-head .c-step-icon{border-radius:50%;border:2px solid;position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:var(--el-bg-color);transition:.15s ease-out}.custom-steps .c-step-head.is-wait{color:#a8abb2}.custom-steps .c-step-head.is-wait .c-step-line{color:#a8abb2;background:#a8abb2}.custom-steps .c-step-head.is-wait .c-step-icon{border-color:#a8abb2}.custom-steps .c-step-head.is-wait .c-step-icon .c-step-inner{color:#a8abb2;font-weight:700}.custom-steps .c-step-head.is-success .c-step-line{color:#4ecb74;background:#4ECB74}.custom-steps .c-step-head.is-error .c-step-line{color:#ff3b30;background:#ff3b30}.custom-steps .c-step-main{white-space:normal;padding:0 5px}
|
