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

16 votes266 views1 answer
Css text vertical direction
CSS
1 vote274 views1 answer
Font condensed
CSS
0 vote275 views1 answer
How to make div width auto adjust
CSS
-1 vote269 views1 answer
Footer css
CSS
0 vote269 views2 answers
How to reduce the size of png image in css
CSS
0 vote289 views1 answer
Respnsive font size css
CSS
0 vote276 views2 answers
Woocommerce cart css description
CSS
3 votes279 views2 answers
How to change only bullet color in css
CSS
12 votes221 views1 answer
Css onclick event
CSS
0 vote342 views1 answer
Bootstrap accordion some change
CSS Bootstrap