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

83 votes169 views6 answers
Css center text
CSS
0 vote137 views1 answer
Studio 3t restore snapshot
CSS
0 vote130 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote141 views2 answers
How to make grid css
CSS
0 vote146 views1 answer
Align icon to top right corner of div
CSS
0 vote139 views1 answer
Css fit iframe to div
CSS
5 votes132 views3 answers
How to make a linear gradient in css
CSS
1 vote130 views1 answer
Mirror css a pseudo :after or :before
CSS
0 vote157 views1 answer
Bootstarp 5
CSS
27 votes137 views1 answer
Css how to create gradients on text outline
CSS