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 votes197 views1 answer
Clamp margin
CSS
0 vote201 views1 answer
Sub menu not showing horizontal css
CSS
1 vote207 views1 answer
Css flex divide evenly
CSS
0 vote199 views1 answer
How can i reset the paswd of my subrion admin panel
CSS
0 vote215 views1 answer
Overwrite safari dropdown css
CSS
0 vote201 views1 answer
Css animation cheat sheet
CSS
0 vote201 views1 answer
Truncate multiline text
CSS
0 vote216 views1 answer
Increase the distance between paragraphs css
CSS
4 votes196 views4 answers
Ngclass multiple conditions
CSS
16 votes154 views2 answers
Set font color in css
CSS