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

5 votes174 views3 answers
How to make a dotted hr in css
CSS
5 votes157 views3 answers
Acf gallery
CSS
15 votes152 views2 answers
Transition background gradient
CSS
5 votes139 views6 answers
Pagination
CSS
2 votes141 views2 answers
Display flex align last item to left
CSS
4 votes147 views2 answers
Is there an img cover
CSS
1 vote133 views1 answer
Why top -10 css?
CSS
3 votes149 views1 answer
Top left right bottom css shorthand
CSS
14 votes173 views4 answers
Text align left bootstrap
CSS
0 vote153 views1 answer
Horizontal checkbox css
CSS