Mat stepper custom css

/** custom CSS as per your :required */
::ng-deep .mat-horizontal-stepper-header {
    box-sizing: border-box;
    flex-direction: column-reverse !important;
    height: auto;
    padding: 24px;
}
::ng-deep .mat-horizontal-stepper-header .mat-step-label {
    padding: 0px 0px 16px !important;
}
::ng-deep .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, ::ng-deep .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after{
    top: 68px !important;
}

Source: stackoverflow.com

Similar codes

2 votes337 views1 answer
Half border bottom
CSS
0 vote348 views1 answer
Css only style horizontal scrollbar
CSS
0 vote348 views1 answer
/* */
CSS
0 vote333 views1 answer
How to add hover effect in emotion
CSS
0 vote353 views1 answer
Center a spinner css
CSS
0 vote327 views2 answers
How to remove default look of button
CSS
0 vote396 views1 answer
Css fade change coloir
CSS
1 vote354 views2 answers
Css n number of lines only
CSS
0 vote350 views1 answer
Css shadow on hover
CSS
4 votes350 views2 answers
InsecureRequestWarning disable
CSS