cjltheme/step.css

the giraffe theme project files

@charset "UTF-8";.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-step{position:relative;vertical-align:top}.el-step:last-child .el-step__main{padding-right:0}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:#ccc}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;box-sizing:border-box;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;text-align:center;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-step__head.is-finish{color:#6E9ACB;border-color:#6E9ACB}.el-step__head.is-error{color:#FF7C7A;border-color:#FF7C7A}.el-step__head.is-success{color:#7DCF7F;border-color:#7DCF7F}.el-step__head.is-process,.el-step__head.is-wait{color:#ccc;border-color:#ccc}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#6E9ACB;border-color:#6E9ACB}.el-step__head.is-text.is-error{color:#fff;background-color:#FF7C7A;border-color:#FF7C7A}.el-step__head.is-text.is-success{color:#fff;background-color:#7DCF7F;border-color:#7DCF7F}.el-step__head.is-text.is-wait{color:#ccc;background-color:#fff;border-color:#ccc}.el-step__head.is-text.is-process{color:#fff;background-color:#ccc;border-color:#ccc}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#6E9ACB}.el-step__title.is-error{font-weight:700;color:#FF7C7A}.el-step__title.is-success{font-weight:700;color:#7DCF7F}.el-step__title.is-wait{font-weight:400;color:#ccc}.el-step__title.is-process{font-weight:700;color:#333}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#6E9ACB}.el-step__description.is-error{color:#FF7C7A}.el-step__description.is-success{color:#7DCF7F}.el-step__description.is-process,.el-step__description.is-wait{color:#ccc}