ant-design/style/components/timeline.less
2015-09-07 11:31:37 +08:00

58 lines
1.1 KiB
Plaintext

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