acud/lib/style/themes/default/components/timeline.less

acg react 组件库

@import '../config.less';

/* 默认颜色 */
@timeline-default-color: @G8;
@timeline-default-p-color: p18;
/* 其他颜色 */
@timeline-success-color: @S6;
@timeline-error-color: @E6;
@timeline-warning-color: @W6;
@timeline-pending-color: @B6;

/* 通用 */
@timeline-common-head-size: @P * 2;
@timeline-common-content-margin: @P * 4;
@timeline-common-content-top: -@T3;
@timeline-common-content-middle-top: @T7;
@timeline-common-content-label-color: @G5;
@timeline-common-content-label-font: @T2;
@timeline-common-content-title-color: @G2;
@timeline-common-content-title-font: @T2;
@timeline-common-content-a-color: @timeline-pending-color;
@timeline-common-content-link-font: @T2;
@timeline-common-content-link-width: @space-6;
@timeline-common-content-link-margin: @P;
@timeline-common-content-inner-width: 300px;
@timeline-common-content-inner-font: @T2;
@timeline-common-content-inner-shadow-margin: @space-1;
@timeline-common-content-inner-shadow-padding: @padding-sm;
@timeline-common-content-inner-shadow-bgColor: @G11;
@timeline-common-content-inner-shadow-radius: @P;
@timeline-common-content-inner-shadow-color: @G9;
@timeline-common-render-margin: @P * 4;

/* 水平 */
@timeline-horizontal-item-dot-left: calc(@T1 + 2px);
@timeline-horizontal-item-dot-top: calc(@T1 / 2 - 2px);
@timeline-horizontal-content-margin: @T7;
@timeline-horizontal-content-left: -@T6 + @P;

/* 垂直 */
@timeline-vertical-item-line-size: @P * .5;
@timeline-vertical-item-top: @T1 + @P;
@timeline-vertical-content-inner-height: @P * 2;
@timeline-vertical-content-append-height: @P * 10;
@timeline-vertical-content-label-margin: @P;

/* 序号水平 */
@timeline-num-horizontal-item-head-color: @G1;
@timeline-num-horizontal-item-head-size: @T6;
@timeline-num-horizontal-dot-color: @G11;
@timeline-num-horiontal-line-left: calc(@T6 + 2px);
@timeline-num-horiontal-line-top: calc(@T6 / 2 - 1px);
@timeline-num-horiontal-content-margin: @T5;
@timeline-num-horiontal-content-font: @T2;

/* 序号垂直 */
@timeline-num-vertical-item-head-bgColor: @G1;
@timeline-num-vertical-item-head-size: @P * 6;
@timeline-num-vertical-line-color: @G11;
@timeline-num-vertical-line-left: calc((@P * 5) / 2 - 1.9px);
@timeline-num-vertical-line-top: @P * 7 + 1px;
@timeline-num-vertical-content-margin: @T13;
@timeline-num-vertical-content-font: @T2;
@timeline-num-vertical-content-line-height: @T2 + 4;