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.

88 lines
1.5 KiB

@active-color: #3fc7fa;
@wait-color: #e9e9e9;
.rc-steps {
font-size: 0;
.rc-steps-item {
position: relative;
display: inline-block;
&.rc-steps-status-wait {
.rc-steps-head {
color: @wait-color;
border-color: @wait-color;
}
}
&.rc-steps-status-process {
.rc-steps-head {
color: #fff;
border-color: @active-color;
background: @active-color;
}
}
&.rc-steps-status-finish {
.rc-steps-head {
color: #fff;
border-color: @active-color;
background: #fff;
> i {
color: @active-color;
}
}
}
}
.rc-steps-head, .rc-steps-main, .rc-steps-tail {
display: inline-block;
vertical-align: top;
}
.rc-steps-head {
border:2px solid @wait-color;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 24px;
font-size: 15px;
margin-right: 12px;
> i {
font-weight: bold;
color: #3fc7fa;
vertical-align: middle;
position: relative;
top: -2px;
}
}
.rc-steps-main {
max-width: 75px;
margin-top: 4px;
}
.rc-steps-title {
font-size: 14px;
margin-bottom: 4px;
color: #666;
font-weight: bold;
}
.rc-steps-description {
font-size: 12px;
color: #999;
}
.rc-steps-tail {
width: 0;
position: relative;
top: 10px;
padding:0 10px;
> i {
display: inline-block;
background: #e9e9e9;
height: 2px;
border-radius: 1px;
width: 100%;
}
}
}