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 vote286 views1 answer
Css disable user interaction
CSS
-1 vote284 views2 answers
Hide the scrollbar in css if not overflow
CSS
2 votes283 views1 answer
Transform:translateX()
CSS
42 votes280 views4 answers
Css center div in page
CSS
1 vote270 views1 answer
Css how to dynamically put div in front of another
CSS
16 votes293 views2 answers
Center h1 css
CSS
1 vote260 views1 answer
Add cursor to html button
CSS
0 vote274 views1 answer
Add a class to header
CSS
1 vote313 views1 answer
Css animate background image
CSS
1 vote274 views1 answer
How to make border hover effect in css
CSS