acud/lib/timeline/style/numberHorizontal.less

acg react 组件库

.numberHorizontal {
    counter-reset: number;

    .@{time-line-prefix-cls}-item {
        position: relative;
        min-width: 130px;

        &-head {
            position: relative;
            width: @timeline-num-horizontal-item-head-size;
            height: @timeline-num-horizontal-item-head-size;
            background-color: @B6;

            &::before {
                color: @timeline-num-horizontal-dot-color;
                content: counter(number);
                counter-increment: number;
            }
        }

        &:last-child {
            .acud-timeline-item-line {
                display: none;
            }
        }

        &-line {
            position: absolute;
            top: @timeline-num-horiontal-line-top;
            right: 2px;
            left: @timeline-num-horiontal-line-left;
            width: auto;
            height: 2px;
            content: '';
            .basic-p-config(@timeline-default-p-color);
        }

        &-content {
            margin-top: @timeline-num-horiontal-content-margin;
            font-size: @timeline-num-horiontal-content-font;
        }
    }
}