ttk-app-core
Version:
enterprise develop framework
87 lines • 2.63 kB
text/less
@Color: #fff;
@gridBorder: 1px solid #D9D9D9;
.ttk-gl-app-financeinit-enterprise {
background-color: @Color;
height: 100%;
display: flex;
flex: 1;
border: @gridBorder;
margin: 0 10px 10px 0;
padding: 0 0 10px 0 ;
&-top {
background-color: @Color;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
max-height: 70px;
margin-top: 5px;
&-bar {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
text-align: center;
width: 480px;
height: 65px;
position: relative;
&-step-icon {
width: 35px;
height: 35px;
border: 1px solid #666666;
background: #ffffff;
border-radius: 100%;
text-align: center;
line-height: 35px;
font-size: 18px;
font-weight: 400;
color: #666666;
margin: 0 auto 5px;
cursor: default;
}
&-step-icon.titlesuccess {
background: #1EB5AD;
border-color: #1EB5AD;
color: #fff;
}
&-step-description {
color: #666;
}
&-step-description.descriptionsuccess {
color: #1EB5AD;
}
&-line {
position: absolute;
width: 76px;
height: 1px;
background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);
background-size: 10px 1px;
background-repeat: repeat-x;
}
&-line.active {
background-image: linear-gradient(to right, #1EB5AD 0%, #1EB5AD 50%, transparent 50%);
background-size: 10px 1px;
background-repeat: repeat-x;
}
&-line:nth-of-type(1) {
top: 20px;
left: 68px;
}
&-line:nth-of-type(2) {
top: 20px;
right: 185px;
}
&-line:nth-of-type(3) {
top: 20px;
right: 45px;
}
}
}
&-content {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
// margin-left: 10px;
// margin-right: 10px;
}
}