4 lines
3.1 KiB
CSS
4 lines
3.1 KiB
CSS
|
.wizard.wizard-2{display:flex}.wizard.wizard-2 .wizard-nav{padding:0;flex:0 0 400px;width:400px;max-width:100%}.wizard.wizard-2 .wizard-nav .wizard-steps{display:flex;flex-direction:column;justify-content:center}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step{padding:0.75rem 1.5rem;position:relative;border-radius:0.5rem;transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{display:flex}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon{font-size:2.5rem;margin-right:1.1rem;transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i{color:#B5B5C3}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill]{transition:fill 0.3s ease;fill:#B5B5C3}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill]{transition:fill 0.3s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label{display:flex;flex-direction:column;justify-content:center}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{color:#212121;font-weight:500;font-size:1.1rem}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc{color:#80808F}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{color:#80808F;font-size:1.25rem}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last{display:none}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]{background-color:#F3F6F9;transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon{transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon i{color:#3699FF !important}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill]{transition:fill 0.3s ease;fill:#3699FF !important}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg:hover g [fill]{transition:fill 0.3s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after{left:100%;top:50%;transform:translateY(-50%);content:" ";height:0;width:0;border:solid transparent;position:absolute;border-left-color:#F3F6F9;border-width:1rem}.wizard.wizard-2 .wizard-body{width:100%}@media (min-width: 992px) and (max-width: 1399.98px){.wizard.wizard-2 .wizard-nav{flex:0 0 325px;width:325px}}@media (max-width: 991.98px){.wizard.wizard-2{display:block}.wizard.wizard-2 .wizard-nav{width:100%;border-bottom:1px solid #ECF0F3}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after{content:none}.wizard.wizard-2 .wizard-body{width:100%}}
|
||
|
|
|
||
|
|
/*# sourceMappingURL=wizard-2.css.map */
|