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

1 vote209 views1 answer
Layer on top in javascript
CSS
1 vote181 views1 answer
Twig block
CSS
0 vote188 views1 answer
Dad
CSS
0 vote184 views1 answer
Css for floting input label
CSS
1 vote177 views1 answer
Wp wpbakery bulder page alignment
CSS
6 votes187 views5 answers
Flutter print
CSS
1 vote192 views1 answer
Break pre text
CSS
2 votes193 views1 answer
How to style multiple elements at once
CSS
6 votes183 views4 answers
Change border highlight color on an input text element
CSS
31 votes178 views4 answers
Letter spacing in css
CSS