You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
1.1 KiB

9 years ago
@import "../mixins/index";
@timeline-prefix-cls: ~"@{css-prefix}timeline";
@timeline-color: @border-color-split;
9 years ago
.@{timeline-prefix-cls} {
&-item {
position: relative;
9 years ago
padding-bottom: 12px;
9 years ago
&-tail {
position: absolute;
left: 5px;
9 years ago
top: 0;
9 years ago
height: 100%;
9 years ago
border-left: 2px solid @timeline-color;
9 years ago
}
&-pending &-tail {
display: none;
}
9 years ago
&-head {
9 years ago
position: absolute;
9 years ago
width: 12px;
height: 12px;
background-color: #fff;
9 years ago
border-radius: 100px;
9 years ago
&-blue {
border: 2px solid @primary-color;
}
&-red {
border: 2px solid @error-color;
}
&-green {
border: 2px solid @success-color;
}
}
&-content {
padding: 0 0 10px 24px;
font-size: 12px;
9 years ago
position: relative;
top: -3px;
9 years ago
}
&-last {
.@{timeline-prefix-cls}-item-tail {
border-left: 2px dotted @timeline-color;
display: none;
9 years ago
}
.@{timeline-prefix-cls}-item-content {
min-height: 48px;
9 years ago
}
9 years ago
}
}
&&-pending &-item-last &-item-tail {
display: block;
}
9 years ago
}