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

0 vote338 views1 answer
Side nav bar in materialize css
CSS Materialize
28 votes231 views3 answers
Text gradient css3
CSS
20 votes191 views6 answers
Fonts for css
CSS
1 vote237 views2 answers
Increase tooltip width in angular material
CSS
32 votes201 views5 answers
Css text align right
CSS
0 vote345 views1 answer
Css center table on page
CSS
-1 vote218 views6 answers
Css comment
CSS
0 vote203 views2 answers
Color changes in safari css
CSS
0 vote297 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
1 vote216 views2 answers
Button transparent using css
CSS