1 line
1.7 KiB
CSS
1 line
1.7 KiB
CSS
.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);list-style:none;margin:0}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-timeline.is-start{padding-left:40px;padding-right:0}.el-timeline.is-end{padding-left:0;padding-right:40px}.el-timeline.is-alternate{padding-left:20px;padding-right:20px}.el-timeline.is-alternate .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{left:calc(50% - var(--el-timeline-node-size-large)/2);padding-left:28px;width:calc(50% - 28px)}.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{padding-right:28px;text-align:right;width:calc(50% - 28px + var(--el-timeline-node-size-large)/2)}.el-timeline.is-alternate-reverse{padding-left:20px;padding-right:20px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{padding-right:28px;text-align:right;width:calc(50% - 28px + var(--el-timeline-node-size-large)/2)}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{left:calc(50% - var(--el-timeline-node-size-large)/2);padding-left:28px;width:calc(50% - 28px)} |