PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
.steps{
ul{
display: flex;
li{
flex-grow: 1;
}
}
.current-info{
display: none;
}
}
.actions{
ul{
display: flex;
margin: -10px;
padding-top: 20px;
li{
&:first-child{
order: 1;
}
padding:10px;
a{
display: inline-block;
position: relative;
color: #fff;
font-weight: 500;
transition: all .4s ease;
border-color: $accent-color;
background: $accent-color;
@include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
}
&.disabled{
display: none;
}
}
}
}
.nk-wizard{
&-head{
display: none;
}
&-simple{
.steps{
margin-bottom: 20px;
ul{
li{
position: relative;
padding-bottom: 5px;
padding-right: 1rem;
margin-bottom: 0.5rem;
h5{
border: none;
padding:0 0 6px 0;
letter-spacing: 0.02em;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
color: $base-light;
}
.number{
font-size: 13px;
color: $base-light;
font-weight: 700;
}
&:after{
position: absolute;
height: 1px;
width: 100%;
@if($rtl==false){
left: 0;
}
@if($rtl==true){
right: 0;
}
bottom: 0;
content: '';
transition: all .4s;
background: $border-light;
}
&.done,&.current{
&:after{
height: 2px;
background: $accent-color;
width: 100%;
}
h5,.number{
color: $accent-color;
}
}
&.current ~ .done{
&:after{
height: 1px;
background: $border-light;
}
h5,.number{
color: $base-light;
}
}
}
}
.current-info{
display: none;
}
}
}
&.is-vertical{
.steps{
ul{
flex-wrap: wrap;
li{
h5{
text-transform: none;
}
}
}
}
}
}
@include media-breakpoint-up(md){
.nk-wizard{
&.is-vertical{
display: flex;
flex-wrap: wrap;
.steps{
width: 33%;
padding-right: 2rem;
ul li{
width: 100%;
&:not(:last-child){
margin-bottom: 1rem;
}
}
}
.content{
width: 66%;
}
.actions{
margin-left: 33%;
}
}
}
}
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E