acud/es/timeline/style/index.less

acg react 组件库

@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './theme.less';
@import './common.less';
@import './vertical.less';
@import './horizontal.less';
@import './numberVertical.less';
@import './numberHorizontal.less';

@time-line-prefix-cls: ~'@{acud-prefix}-timeline';
@acud-timeline-dtlbtn: ~'@{acud-prefix}-timeline-item-render-dtlbtn';

.@{time-line-prefix-cls} {
    padding: @T1 0;
    .theme;
    // 共通样式
    &-item {
        .common;
    }
    // 垂直布局
    &.is-vertical {
        .vertical;
    }
    // 水平布局
    &.is-horizontal {
        .horizontal;
    }
    // 序号-垂直排列
    &.number-vertical {
        .numberVertical;
    }
    // 序号-水平排列
    &.number-horizontal {
        .numberHorizontal;
    }
}