RepositorySys/wwwroot/steps/steps.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/** 
 * steps.js是基于原生JavaScript的组件，可用于展示步骤条、时间轴等。
 * time：2018-09-22
 * version：1.0
 * by 樊小书生: http://www.fxss5201.cn/
 * github: https://github.com/fxss5201/steps
 */
 .steps {
    display: flex;
    padding: 10px;
    box-sizing: border-box;
}
.steps-horizontal {
    white-space: nowrap;
}
.steps-vertical {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.steps-center {
    text-align: center;
}
.step {
    position: relative;
    flex-shrink: 1;
}
.steps-horizontal .step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.steps-horizontal.steps-center .step {
    align-items: center;
}
.steps-vertical .step {
    display: flex;
}
.step-line-box {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.steps-vertical .step-line-box {
    flex-grow: 0;
    width: auto;
    margin-right: 10px;
    margin-bottom: 0;
}
.step-line {
    position: absolute;
    height: 2px;
    top: 11px;
    left: 0;
    right: 0;
    border-color: inherit;
    background-color: #c0c4cc;
}
.steps-vertical .step-line {
    width: 2px;