last day (17 days later) » 

2:20 AM
2
A: Skip stepper connecting lines with CSS

Par ThaTry add .skip class for the particular li element and add below css aswell CSS .skip:before{ content: ""; width: 100%; height: 50px; position: absolute; bottom: -10px; border: 1px dashed; border-top: 0; border-radius: 0 0 100% 100%; } OUTPUT

 
So in my case, for the step 2 li tag, I add the skip class right?
 
yes. u r right.
 
I added it, but it doesnt seem to take effect. stackblitz.com/edit/react-xum4he
Please inspect it and see that the class .skip is added to the second li tag
So I added the class to the li elements which are not disabled and it did the trick
 
Congrats dude... have a nice day...!!!
 
Are you able to get it? I kinda lost the styles all of a sudden
 
2:20 AM
what happen its working fine.
 
Hey Par Tha
My bad, I had to li.step::after
Thanks buddy
 
bro
add skip class not step class
 
*skip
Typo here
 
.skip:before{
content: "";
width: 100%;
height: 50px;
position: absolute;
bottom: -10px;
border: 1px dashed;
border-top: 0;
border-radius: 0 0 100% 100%;
}
.skip:before{ <------ before not after
add skip class for second li <li class="skip">
100% it will work
got it ?
 
3:11 AM
Sure buddy. I'll keep you posted.
 

  last day (17 days later) »