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.

57 lines
1.0 KiB

9 years ago
@import "../mixins/index";
@timeline-prefix-cls: ~"@{css-prefix}timeline";
9 years ago
@timeline-color: #e9e9e9;
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
}
&-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;
}
9 years ago
&-end {
9 years ago
border: 2px solid @timeline-color;
9 years ago
}
}
&-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;
}
.@{timeline-prefix-cls}-item-content {
min-height: 48px;
9 years ago
}
9 years ago
}
}
}