| Server IP : 108.170.25.35 / Your IP : 18.117.106.130 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : studio ( 1434) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/studio/domains/studio7eleven.com/private_html/admin/scss/components/ui/ |
Upload File : |
%remain-steps {
&:before {
content: counter(stepNum);
font-family: inherit;
font-weight: 400;
}
&:after {
background-color: $border;
}
}
.multi-steps {
display: table;
table-layout: fixed;
width: 100%;
>li {
counter-increment: stepNum;
text-align: center;
display: table-cell;
position: relative;
color: $primary;
@include media-breakpoint-down(xs) {
font-size: 0.75rem;
}
&:before {
content: '\2713';
display: block;
margin: 0 auto 4px;
background-color: $white;
width: 25px;
height: 25px;
line-height: 22px;
text-align: center;
font-weight: bold;
position: relative;
z-index: 1;
@include media-breakpoint-down(xs) {
width: 25px;
height: 25px;
line-height: 21px;
}
border: {
width: 2px;
style: solid;
color: $primary;
radius: 5px;
}
}
&:after {
content: '';
height: 2px;
width: 100%;
background-color: $primary;
position: absolute;
top: 12px;
left: 50%;
@at-root [direction="rtl"] #{&} {
left: auto;
right: 50%;
}
@include media-breakpoint-down(xs) {
top: 12px;
}
}
&:last-child {
&:after {
display: none;
}
}
&.is-active {
@extend %remain-steps;
&:before {
background-color: $white;
border-color: $primary;
}
~li {
color: $body-color;
@extend %remain-steps;
&:before {
background-color: $border;
border-color: $border;
}
}
}
}
}